Bagaimana cara menentukan pautan dalam HTML dan menerangkan atribut sasaran?

Bagaimana cara menentukan pautan dalam HTML dan menerangkan atribut sasaran?

Untuk menentukan pautan dalam HTML, anda menggunakan elemen <a></a> (anchor). Sintaks asas untuk mewujudkan hiperpautan ialah:

 <code class="html"><a href="URL">Link text</a></code>

Dalam struktur ini, href bermaksud "Rujukan Hypertext," dan ia menentukan URL yang mana titik pautan. Teks antara tag pembukaan dan penutup <a></a> adalah apa yang pengguna akan lihat dan klik.

Atribut target digunakan dalam tag <a></a> untuk menentukan di mana untuk membuka dokumen yang dipautkan. Ia mentakrifkan di mana dokumen baru harus dipaparkan apabila pautan diklik. Tanpa menentukan atribut target , dokumen yang dipautkan akan dibuka dalam tetingkap/tab yang sama yang pautan itu diklik.

Apakah nilai yang berbeza untuk atribut sasaran dalam pautan HTML?

Atribut target boleh mengambil beberapa nilai, yang mempengaruhi bagaimana dan di mana sumber yang dipautkan dibuka:

1. _self : Ini adalah nilai lalai. Dokumen yang dipautkan akan dibuka dalam tetingkap/tab yang sama seperti yang mengandungi pautan.
2. _blank : Dokumen yang dipautkan akan dibuka dalam tetingkap atau tab baru, bergantung pada tetapan penyemak imbas dan keutamaan pengguna.
3. _parent : Dokumen yang dipautkan akan dibuka dalam bingkai induk bingkai semasa. Ini berguna di laman web berbingkai di mana anda mahu pautan mempengaruhi bingkai yang mengandungi semasa.
4. _top : Dokumen yang dipautkan akan menggantikan mana -mana bingkai dalam tetingkap semasa, memuat ke dalam badan penuh tetingkap. Ini boleh digunakan untuk keluar dari set bingkai.
5. framename : Anda boleh menentukan nama bingkai di mana dokumen yang dipautkan harus dimuatkan. Ini berguna dalam susun atur berasaskan bingkai kompleks di mana anda ingin memuatkan kandungan ke dalam bingkai tertentu.

Bagaimanakah saya boleh menggunakan atribut sasaran untuk mengawal di mana halaman yang dipautkan dibuka?

Menggunakan atribut target untuk mengawal di mana halaman yang dipautkan dibuka adalah mudah. Berikut adalah beberapa contoh yang menggambarkan penggunaannya:

• Untuk membuka pautan dalam tetingkap/tab yang sama (tingkah laku lalai):

 <code class="html"><a href="https://www.example.com" target="_self">Visit Example</a></code>

• Untuk membuka pautan dalam tetingkap/tab baru:

 <code class="html"><a href="https://www.example.com" target="_blank">Visit Example</a></code>

• Untuk membuka pautan dalam bingkai induk:

 <code class="html"><a href="https://www.example.com" target="_parent">Visit Example</a></code>

• Untuk membuka pautan di badan penuh tingkap, pecah dari bingkai:

 <code class="html"><a href="https://www.example.com" target="_top">Visit Example</a></code>

• Untuk membuka pautan dalam bingkai bernama tertentu:

 <code class="html"><a href="https://www.example.com" target="mainFrame">Visit Example</a></code>

Apakah beberapa amalan terbaik untuk menggunakan atribut sasaran dalam pautan HTML?

Apabila menggunakan atribut target , penting untuk mematuhi amalan terbaik untuk memastikan pengalaman pengguna dan kebolehcapaian yang baik:

1. Gunakan _blank dengan berhati -hati : Semasa membuka pautan dalam tab baru boleh berguna, target="_blank" boleh menyebabkan kekacauan tab dan boleh membingungkan pengguna. Lebih baik menggunakannya untuk pautan luaran atau sumber yang pengguna mungkin mahu merujuk sementara masih menyimpan halaman asal terbuka.

2. Pertimbangan Kebolehcapaian : Apabila menggunakan target="_blank" , termasuk rel="noopener" untuk mengelakkan halaman baru daripada dapat mempengaruhi halaman asal. Ini adalah amalan terbaik keselamatan untuk mengelakkan potensi eksploitasi API window.opener .

    <code class="html"><a href="https://www.example.com" target="_blank" rel="noopener">Visit Example</a></code>

3. Petunjuk yang jelas : Jika pautan akan dibuka dalam tetingkap atau tab baru, ia berguna untuk menunjukkan ini kepada pengguna sama ada melalui isyarat visual (seperti ikon) atau melalui teks, untuk mengelakkan mengejutkan mereka.
4. Elakkan keutamaan pengguna : Berhati -hati bahawa sesetengah pengguna telah menetapkan penyemak imbas mereka untuk mengendalikan pautan dengan cara tertentu. Memaksa pautan untuk membuka tab atau tingkap baru boleh mengatasi keutamaan ini, yang berpotensi menyebabkan pengalaman pengguna yang lemah.
5. Ujian di seluruh peranti dan penyemak imbas : Pastikan penggunaan atribut target anda berfungsi seperti yang dimaksudkan di pelbagai peranti dan penyemak imbas, seperti tingkah laku boleh berbeza -beza.

Dengan mengikuti amalan terbaik ini, anda boleh menggunakan atribut target dengan berkesan untuk meningkatkan kebolehgunaan laman web anda dan mengekalkan prestasi dan standard keselamatan yang baik.

Atas ialah kandungan terperinci Bagaimana cara menentukan pautan dalam HTML dan menerangkan atribut sasaran?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!