Latest web development tutorials

tag HTML <a>

Przykłady

Link do tego poradnika:

<a href = "http://www.w3big.com"> odwiedzić ten tutorial! </ a>

Spróbuj »
(Więcej przykładów można znaleźć na dole strony)

Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Wszystkie główne przeglądarki obsługują <a> etykietę.


definicje i instrukcje Tag

tag <a> definiuje hiperłącze z jednej strony odwołuje się do innej strony.

Najważniejszym elementem jest atrybutem atrybutu href <a> który określa cel odnośnika.

We wszystkich przeglądarek, domyślnie Link wygląda następująco:

  • Nie odwiedził link jest podkreślony i niebieski
  • Zostało odwiedzone łącze jest podkreślone i fioletowy
  • Aktywny link jest podkreślony i czerwony

Porady i wskazówki

Wskazówka: Jeśli nie użyć atrybutu href, nie można używać hreflang, media, rel, cel i właściwości typu.

Wskazówka: normalnie wyświetlane w bieżącym oknie przeglądarki połączonych stron, chyba że przepisy drugiej tarczy.

Wskazówka: Użyj CSS, aby zmienić styl link.


Różnice między HTML 4.01 i HTML5

W HTML 4.01, <a> znacznik może być zarówno hiperłącze, może być zakotwiczony. W HTML5, <a> etykieta jest hiperłącze, ale jeśli nie ma atrybutu href, to tylko symbol zastępczy hiperłącze.

HTML5 ma kilka nowych cech, natomiast nie obsługuje już niektóre HTML 4.01 atrybuty.


nieruchomość

Nowość: HTML5 nowy obiekt.

属性 描述
charset char_encoding HTML5 不支持。规定目标 URL 的字符编码。
coords coordinates HTML5 不支持。规定链接的坐标。
download New filename 指定下载链接
href URL 规定链接的目标 URL。
hreflang language_code 规定目标 URL 的基准语言。仅在 href 属性存在时使用。
media New media_query 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。
name section_name HTML5 不支持。规定锚的名称。
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
rev text HTML5 不支持。规定目标 URL 与当前文档之间的关系。
shape default
rect
circle
poly
HTML5 不支持。规定链接的形状。
target _blank
_parent
_self
_top
framename
规定在何处打开目标 URL。仅在 href 属性存在时使用。
type New MIME_type 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
注:MIME = Multipurpose Internet Mail Extensions。

Właściwości ogólne

tag <a> obsługuje HTML właściwości globalnych .


Właściwości zdarzenia

tag <a> obsługuje właściwości zdarzeń HTML .


Przykłady

Spróbuj - przykład

Tworzenie hiperłączy
Ten przykład pokazuje, jak utworzyć łącza w dokumencie HTML.

Obraz jako link
Ten przykład pokazuje, jak użyć obrazu jako link.

Otwórz link w nowym oknie przeglądarki
Ten przykład pokazuje, jak otworzyć stronę w nowym oknie, więc użytkownicy nie muszą opuścić swojej witryny.

Utwórz link e-mail
Ten przykład pokazuje, jak połączyć wiadomość. (W tym przypadku do pracy po zainstalowaniu klienta poczty).

Tworzenie e-mail link 2
Ten przykład ilustruje bardziej złożoną wiadomość e-mail.

Za pomocą kotew, aby przejść do innej lokalizacji na tej samej stronie
Ten przykład pokazuje, jak używać atrybutu id kotwicy skok do innej pozycji na stronie (HTML5 nie obsługuje atrybut name).


Powiązane artykuły

Kurs HTML: Link HTML

HTML DOM: obiekty kotwiczne