tag HTML <a>
Esempi
Un collegamento a questo tutorial:
Prova »
(Per ulteriori esempi, vedere il fondo della pagina)
Supporto per il browser
Tutti i browser principali supportano <a> etichetta.
le definizioni e le istruzioni tag
tag <a> definisce un link da una pagina collegamento a un'altra pagina.
L'elemento più importante è l'attributo href <a> che specifica la destinazione del collegamento.
In tutti i browser, il collegamento di default si presenta così:
- Non visitato collegamento è sottolineato e blu
- Link è stato visitato è sottolineato e viola
- Collegamento attivo è sottolineato e rosso
Suggerimenti e Note
Suggerimento: se non si utilizza l'attributo href, non è possibile utilizzare hreflang, i media, rel, proprietà del tipo di destinazione e.
Suggerimento: normalmente visualizzate nelle pagine finestra del browser corrente collegate, a meno che le disposizioni degli altri bersaglio.
Suggerimento: usare i CSS per modificare lo stile del collegamento.
Le differenze tra HTML 4.01 e HTML5
In HTML 4.01, <a> tag può essere sia un collegamento ipertestuale, può essere ancorata. In HTML5, etichetta <a> è un collegamento ipertestuale, ma se non vi è alcun attributo href, è solo un segnaposto per un collegamento ipertestuale.
HTML5 ha alcune nuove caratteristiche, mentre non supporta più alcuni attributi HTML 4.01.
proprietà
Nuovo: HTML5 nuova proprietà.
| 属性 | 值 | 描述 |
|---|---|---|
| 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。 |
Proprietà globali
tag <a> supporta HTML proprietà globali .
Proprietà evento
tag <a> supporta proprietà dell'evento HTML .
Prova - Esempio
La creazione di collegamenti ipertestuali
Questo esempio dimostra come creare un collegamento in un documento HTML.
Un'immagine come un link
Questo esempio dimostra come utilizzare un'immagine come un link.
Apri link in una nuova finestra del browser
Questo esempio dimostra come aprire una pagina in una nuova finestra, quindi i visitatori non hanno bisogno di lasciare il vostro sito.
Crea collegamento e-mail
Questo esempio dimostra come collegare un messaggio. (In questo caso al lavoro dopo aver installato il client di posta.)
Creare e-mail Link 2
Questo esempio dimostra una più complessa collegamento e-mail.
Utilizzare ancoraggi per passare a una posizione diversa sulla stessa pagina
Questo esempio dimostra come utilizzare l'attributo id ancoraggio salto in una posizione diversa nella pagina (HTML5 non supporta l'attributo name).
articoli correlati
HTML Tutorial: link HTML
HTML DOM Riferimento: oggetti di ancoraggio