<a>
HTML <a> Teg
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <a href="http://www.php.cn">访问php中文网!</a> </body> </html>
Jalankan Instance»
Klik butang "Jalankan Instance" untuk melihat contoh dalam talian
Sokongan Penyemak Imbas
Semua penyemak imbas utama menyokong teg <a>
Takrif teg dan arahan penggunaan
Apakah maksud teg? Teg
<a> mentakrifkan hiperpautan yang digunakan untuk memaut dari satu halaman ke halaman yang lain. Atribut paling penting bagi elemen
<a> ialah atribut href, yang menentukan sasaran pautan.
Kemunculan lalai pautan dalam semua penyemak imbas adalah seperti berikut:
Pautan yang tidak dilawati digariskan dan biru
Pautan yang dilawati bergaris bawah dan berwarna ungu
Pautan aktif digariskan dan berwarna merah
Petua dan Nota
Petua: Jika atribut href tidak digunakan, atribut hreflang, media, rel, sasaran dan jenis tidak boleh digunakan.
Petua: Biasanya memaparkan halaman yang dipautkan dalam tetingkap penyemak imbas semasa, melainkan sasaran lain ditentukan.
Petua: Sila gunakan CSS untuk menukar gaya pautan.
Perbezaan antara HTML 4.01 dan HTML5
Dalam HTML 4.01, teg <a> boleh menjadi sama ada hyperlink atau anchor. Dalam HTML5, teg <a> ialah hiperpautan, tetapi tanpa atribut href, ia hanyalah pemegang tempat untuk hiperpautan.
HTML5 mempunyai beberapa atribut baharu dan beberapa atribut HTML 4.01 tidak lagi disokong.
Atribut
Baharu: Atribut baharu dalam HTML5.
| 属性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
| coords | coordinates | HTML5 不支持。规定链接的坐标。 |
| downloadNew | filename | 指定下载链接 |
| href | URL | 规定链接的目标 URL。 |
| hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
| mediaNew | 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。 |
Atribut Global
<a>
Atribut acara
<a> teg menyokong atribut acara HTML.
Cuba - Contoh
Buat Hiperpautan
Contoh ini menunjukkan cara mencipta pautan dalam dokumen HTML.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>我使用了外部样式文件来格式化文本 </h1> <p>我也是!</p> </body> </html>
Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Menggunakan imej sebagai pautan
Contoh ini menunjukkan cara menggunakan imej sebagai pautan.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p> 图像作为链接: <a href="http://php.cn"> <img border="0" alt="w3cschool" src="logo.png" width="100" height="100"> </a> </p> </body> </html>
Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Buka pautan dalam tetingkap penyemak imbas baharu
Contoh ini menunjukkan cara membuka halaman dalam tetingkap baharu supaya pelawat tidak perlu meninggalkan tapak anda.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <a href="http://www.php.cn/" target="_blank">访问php中文网!</a> <p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p> </body> </html>
Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Buat pautan e-mel
Contoh ini menunjukkan cara memaut ke e-mel. (Contoh ini hanya akan berfungsi selepas memasang program klien mel.)
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p> 这是一个电子邮件链接： <a href="mailto:someone@example.com?Subject=Hello%20again" target="_top"> 发送邮件</a> </p> <p> <b>Note:</b> Spaces between words should be replaced by %20 to ensure that the browser will display the text properly. </p> </body> </html>
Run Instance»
Klik Butang "Jalankan contoh" untuk melihat contoh dalam talian
Buat pautan e-mel 2
Contoh ini menunjukkan pautan e-mel yang lebih kompleks.
Instance
<!DOCTYPE html> <html> <body> <p> This is another mailto link: <a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">Send mail!</a> </p> <p> <b>Note:</b> Spaces between words should be replaced by %20 to ensure that the browser will display the text properly. </p> </body> </html>
Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Gunakan sauh untuk melompat ke lokasi berbeza pada halaman yang sama
Contoh ini menunjukkan cara menggunakan atribut id sauh untuk melompat ke lokasi berbeza pada halaman (HTML5 tidak menyokong atribut nama).
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h2><a id="top">这是标题，底部链接可以链接到这</a></h2> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <p>php中文网 - php中文网<br><br><br><br></p> <a href="#top">链接到标题</a> </body> </html>
Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Artikel Berkaitan
Tutorial HTML: Pautan HTML
Manual Rujukan HTML DOM: Objek Sauh
