pautan HTML

Pelbagai dokumen HTML tapak web disambungkan antara satu sama lain melalui hiperpautan untuk membentuk tapak web yang koheren. Pengguna boleh melompat ke halaman yang mereka mahu semak imbas dengan mengklik pada hiperpautan. Oleh itu, hiperpautan boleh dilihat di mana-mana laman web dan merupakan komponen teras untuk menghubungkan laman web untuk membentuk keseluruhan.

Susunan sauh
Hiperpautan HTML dicetuskan dengan teg <a> sauh perlu mempunyai pembawa, dan pembawa ini Ia boleh menjadi teks, perkataan, ayat, imej atau bentuk. Apabila tetikus bergerak ke pembawa dengan titik sauh, tetikus akan bertukar menjadi tangan kecil, menunjukkan bahawa pengguna boleh mengklik Selepas pengguna mengklik pada titik sauh, ia akan melompat ke alamat yang sepadan dengan href dalam < ;a>

Penggunaan atribut lompat
Dalam pautan HTML, gunakan atribut href untuk mencipta pautan ke dokumen lain, biasanya untuk lompatan halaman. Ini sangat biasa dan tidak akan dijelaskan lagi.
Gunakan atribut nama untuk membuat penanda halaman di dalam dokumen supaya hiperpautan boleh melompat ke bahagian tertentu halaman dalam dokumen. Contohnya: tetapkan <a name=”dian1″></a> untuk meletakkannya di tengah-tengah halaman. Kemudian tetapkan <a href=”#dian1″> lompat ke bahagian tengah halaman </a> halaman akan menatal dan melompat ke penanda halaman nama Lokasi berada di tengah-tengah halaman.

Sintaks pautan HTML
Kod untuk pautan HTML sangat mudah digunakan. Contohnya:

<a href="url">Anchor text link</a>


atribut href ialah digunakan Untuk menetapkan sasaran lompatan, teks antara teg mula dan teg akhir dipaparkan sebagai hiperpautan.


Atribut sasaran pautan HTML
Atribut sasaran boleh menetapkan kaedah pembukaan halaman selepas mengklik pada teks sauh. Terdapat empat nama sasaran terpelihara yang digunakan untuk operasi ubah hala dokumen khas:
_blank
Pelayar sentiasa memuatkan dokumen sasaran dalam tetingkap yang baru dibuka dan tidak dinamakan.
_self
Nilai sasaran ini ialah sasaran lalai untuk semua teg <a> yang menyebabkan dokumen sasaran dimuatkan dan dipaparkan dalam bingkai yang sama atau tetingkap sebagai dokumen sumber . Sasaran ini berlebihan dan tidak perlu melainkan digunakan bersama dengan atribut sasaran dalam teg <asas>
_parent
Sasaran ini menyebabkan dokumen dimuatkan ke dalam tetingkap induk atau set bingkai yang mengandungi bingkai yang dirujuk oleh hiperpautan. Jika rujukan ini berada dalam tetingkap atau dalam bingkai peringkat atas, ia adalah bersamaan dengan sasaran _diri.
_top
Matlamat ini menyebabkan dokumen dimuatkan ke dalam tetingkap yang mengandungi hiperpautan Menggunakan matlamat _top akan mengosongkan semua bingkai yang terkandung dan memuatkan dokumen ke dalam keseluruhan tetingkap penyemak imbas. Secara amnya, ia digunakan untuk mengklik titik sauh dalam bingkai iframe Pautan sasaran dibuka terus pada halaman semasa dan bukannya dimuatkan dalam iframe.

Sambungan HTML - Atribut id

Atribut id boleh digunakan untuk membuat teg penanda halaman dalam dokumen HTML.

Petua: Penanda halaman tidak dipaparkan dalam sebarang cara istimewa dan tidak dipaparkan dalam dokumen HTML, jadi ia disembunyikan daripada pembaca.

Contoh

Sisipkan ID dalam dokumen HTML:

<a id="tips">Bahagian petua berguna</a>

Buat pautan ke "bahagian Petua Berguna (id="tips")" dalam dokumen HTML:

<a href="#tips"> ;/a>

Sebagai alternatif, buat pautan ke "Bahagian Petua Berguna (id="tips")" dari halaman lain:

<a href= "http://www.php.cn/html/html-links.html#tips">
Lawati bahagian petua yang berguna</a>

<!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 属性设置为 &quot;_blank&quot;, 链接将在新窗口打开。</p>
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>想跳出本页?</p> <a href="http://www.php.cn/" target="_top">请点击这里!</a> </body> </html>
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!