Exemplu
Un link către w3ii.com:
<a href="http://www.w3ii.com">Visit w3ii.com!</a>
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
<a> tag - ul definește un hyperlink, care este folosit pentru a lega de la o pagină la alta.
Cel mai important atribut al <a> element este href atributul, ceea ce indică destinația link - ului.
În mod implicit, link-uri vor apărea după cum urmează, în toate browserele:
- O legătură nevizitate este subliniată și albastru
- Un link vizitat este subliniat și violet
- O legătură activă este subliniată și roșu
Suport pentru browser-
| Element | |||||
|---|---|---|---|---|---|
| <a> | da | da | da | da | da |
Sfaturi și note
Tip: În following atribute: download, hreflang, media, rel, target - type href download, hreflang, media, rel, target , și de type poate să nu fie prezent în cazul în care href atributul nu este prezent.
Tip: O pagină legată în mod normal , este afișată în fereastra browser - ului curent, dacă nu specificați o altă țintă.
Tip: Utilizați CSS pentru link - uri de stil: CSS Legături Tutorial & butoane CSS Tutorial
Diferențe între HTML 4.01 și HTML5
In HTML 4.01, <a> tag - ul ar putea fi fie un hyperlink sau o ancoră. În HTML5, <a> tag - ul este întotdeauna un hyperlink, dar dacă nu are href atribut, acesta este doar un substituent pentru un hyperlink.
HTML5 are unele noi atribute, iar unele HTML 4.01 atribute nu mai sunt suportate.
atribute
= Nou în HTML5.
Atribute globale
<a> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<a> tag - ul sprijină , de asemenea, Atributele eveniment în HTML .
Încearcă-l singur - Exemple
Creați hyperlink - uri
Cum de a crea hyperlink-uri.
O imagine ca link
Cum să utilizați o imagine ca un link.
Deschideți o legătură într - o fereastră nouă de browser
Cum de a deschide o legătură într-o fereastră nouă de browser, astfel încât vizitatorul nu trebuie să părăsească site-ul Web.
Creați un link mailto
Cum se leagă la un mesaj de e - mail (will only work if you have mail installed) - (will only work if you have mail installed) .
Creați un link mailto 2
O altă legătură mailto.
Legătura cu un element cu un anumit id
Cum se leagă la un element cu un anumit id într - o pagină (the name attribute is not supported in HTML5) .
Link către un JavaScript
Cum de a adăuga un JavaScript în interiorul href atribut.
Pagini similare
Tutorial HTML: HTML Link - uri
HTML DOM referinta: Anchor obiect
CSS Tutorial: Styling Link - uri
Setări implicit CSS
Cele mai multe browsere va afișa <a> elementul cu următoarele valori implicite:
a:link, a:visited {
color: ( internal value );
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: ( internal value );
} | Atribut | Valoare | Descriere |
|---|---|---|
| charset | char_encoding | Nu sunt acceptate în HTML5. Specifică caracterul-set al unui document legat |
| coords | coordinates | Nu sunt acceptate în HTML5. Specifică coordonatele unui link |
| download | filename | Specifică faptul că obiectivul va fi descărcate atunci când un utilizator face clic pe hyperlink |
| href | URL | Specifică adresa URL a paginii pe link-ul se duce la |
| hreflang | language_code | Specifică limba documentului legat |
| media | media_query | Specifică ce mass-media / dispozitiv documentul legat este optimizat pentru |
| name | section_name | Nu sunt acceptate în HTML5. Utilizați la nivel mondial id atribut în loc. Specifică numele unei ancore |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Specifică relația dintre documentul curent și documentul legat |
| rev | text | Nu sunt acceptate în HTML5. Specifică relația dintre documentul legat și documentul curent |
| shape | default rect circle poly | Nu sunt acceptate în HTML5. Specifică forma unei legături |
| target | _blank _parent _self _top framename | Specifică unde pentru a deschide documentul legat |
| type | media_type | Specifică tipul de suport al documentului legat |