Więcej "Try it yourself" przykłady poniżej.
Definicja i Wykorzystanie
<a> znacznik określa hiperłącze, który służy do połączenia z jednej strony na drugą.
Najważniejszą cechą <a> elementem jest href atrybutu, który wskazuje cel tego linku.
Domyślnie linki pojawią się w następujący sposób we wszystkich przeglądarkach:
- Nieodwiedzonych link jest podkreślony i niebieski
- Odwiedzanej link jest podkreślony i fioletowy
- Aktywny link jest podkreślony i czerwony
Pomoc Browser
| Element | |||||
|---|---|---|---|---|---|
| <a> | tak | tak | tak | tak | tak |
Porady i wskazówki
Wskazówka: following atrybuty: download, hreflang, media, rel, target i type nie może być obecny, jeśli href atrybut nie jest obecny.
Wskazówka: Połączony strona jest normalnie wyświetlany w bieżącym oknie przeglądarki, chyba że podasz inny cel.
Wskazówka: Użyj CSS łączy styl: CSS odsyłacze Tutorial & CSS Przyciski samouczka
Różnice między HTML 4.01 i HTML5
W HTML 4.01, The <a> tag może być hiperłącze lub kotwicą. W HTML5, <a> znacznik jest zawsze hiperłącze, ale jeśli nie ma href atrybutu, to tylko symbol zastępczy hiperłącze.
HTML5 ma kilka nowych cech, a niektóre HTML 4.01 atrybuty nie są już obsługiwane.
Atrybuty
= Nowe w HTML5.
Atrybuty globalne
<a> Tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<a> Tag obsługuje również Event Atrybuty w HTML .
Spróbuj sam - przykłady
Tworzenie hiperłączy
Jak tworzyć hiperłącza.
Obraz jako link
Jak użyć obrazka jako link.
Otwórz odnośnik w nowym oknie przeglądarki
Jak otworzyć link w nowym oknie przeglądarki, dzięki czemu użytkownik nie musi opuścić swoją stronę internetową.
Tworzenie łącza mailto
Jak link do wiadomości e-mail (będzie działać tylko wtedy, gdy zainstalowano mail).
Utwórz mailto łącza 2
Inny link mailto.
Łącze do elementu o określonym id
Jak połączyć się do elementu o podanym id w obrębie strony (the name atrybut nie jest obsługiwana w HTML5).
Link w JavaScripcie
Jak dodać JavaScript wewnątrz href atrybutu.
Podobne strony
Poradnik HTML: HTML Linki
Odniesienia HTML DOM: Kotwica obiektu
CSS: Stylizacja Linki
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <a> element z następujących wartości domyślnych:
a:link, a:visited {
color: ( internal value );
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: ( internal value );
} | Atrybut | Wartość | Opis |
|---|---|---|
| charset | char_encoding | Nie jest obsługiwany w HTML5. Określa zestawu znaków o połączonego dokumentu |
| coords | coordinates | Nie jest obsługiwany w HTML5. Określa współrzędne linkiem |
| download | filename | Określa, że cel zostanie pobrana, gdy użytkownik kliknie hiperłącze |
| href | URL | Określa adres URL strony link idzie do |
| hreflang | language_code | Określa język połączonego dokumentu |
| media | media_query | Określa, co media / urządzenia połączonego dokumentu jest zoptymalizowany pod kątem |
| name | section_name | Nie jest obsługiwany w HTML5. Użyj globalnego id atrybut zamiast. Określa nazwę kotwicy |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Określa relację między bieżącym dokumentem i połączonego dokumentu |
| rev | text | Nie jest obsługiwany w HTML5. Określa relację między połączonego dokumentu oraz aktualnego dokumentu |
| shape | default rect circle poly | Nie jest obsługiwany w HTML5. Określa kształt linkiem |
| target | _blank _parent _self _top framename | Określa gdzie otworzyć powiązany dokument |
| type | media_type | Określa typ nośnika połączonego dokumentu |