Il miglior tutorial tag HTML <a> Nel 2024, in questo tutorial puoi imparare Esempi,Supporto per il browser,le definizioni e le istruzioni tag,Suggerimenti e Note,Le differenze tra HTML 4.01 e HTML5,proprietà,Proprietà globali,Proprietà evento,Prova - Esempio,articoli correlati,
Un collegamento a questo tutorial:
Tutti i browser principali supportano <a> etichetta.
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ì:
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.
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.
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。 |
tag <a> supporta HTML proprietà globali .
tag <a> supporta proprietà dell'evento HTML .
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).
HTML Tutorial: link HTML
HTML DOM Riferimento: oggetti di ancoraggio