Menentukan URL Pangkalan Dokumen Dengan HTML Unsur

Laman web dibina dengan beberapa pautan, menunjuk ke halaman dan sumber seperti imej dan gaya. Terdapat dua cara untuk tentukan URL yang menghubungkan kepada sumber-sumber ini: sama ada menggunakan laluan mutlak atau laluan relatif.

Laluan mutlak merujuk kepada tujuan tertentu, biasanya ia bermula dengan nama domain (bersama dengan HTTP) seperti www.domain.com/destination/source.jpg. Laluan relatif adalah sebaliknya: destinasi pautan bergantung pada lokasi root atau dalam kebanyakan kes nama domain laman web anda.

Jalan relatif biasa akan kelihatan seperti ini di bawah:

Jika domain laman web anda, sebagai contoh, hongkiat.com jalan imej akan diselesaikan hongkiat.comimages_2 / specifying-document-base-url-with-html-base-element.png. Anda harus memahami ini jika anda telah membangunkan laman web untuk seketika.

Tetapi kebanyakan anda mungkin tidak pernah mendengar tentang perkara itu elemen. Tag HTML ini telah wujud sejak HTML4, namun sangat sedikit dilihat pelaksanaannya di alam liar. W3C menerangkan elemen ini sebagai:

“Elemen dasar membolehkan penulis untuk menentukan URL asas dokumen untuk tujuan menyelesaikan URL relatif, dan nama konteks penyemakan lalai untuk tujuan menyambung hiperpautan.”

Ini elemen pada asasnya menentukan URL asas untuk laluan relatif di halaman web. Daripada bergantung pada lokasi root atau domain tapak web anda, anda boleh menunjukkannya di tempat lain, mungkin seperti URL di mana sumber-sumber anda berada di CDN (Rangkaian Pengiriman Kandungan). Mari kita lihat bagaimana sebenarnya itu berfungsi.

Menggunakan Elemen Asas

The ditakrifkan di sepanjang sisi dan tanda dalam . Memandangkan contoh berikut, kami menetapkan URL asas kepada Google.

Spesifikasi ini akan menjejaskan semua laluan dalam dokumen, termasuk satu yang dinyatakan di dalam href atribut dan src daripada imej. Oleh itu, dengan mengandaikan kami mempunyai lembaran gaya, imej, dan pautan dalam dokumen yang ditetapkan dengan laluan relatif seperti ini, contohnya:

  Pautan Anchor

Walaupun laman web kami berada di bawah demo.hongkiat.com jalan relatif akan merujuk kepada hongkiat.maxcdn.com, mengikut laluan asas yang dinyatakan dalam tag. Cuba melayang di atas pautan, dan penyemak imbas akan menunjukkan kepada anda di mana jalan itu betul-betul menuju.

Semua jalan relatif akan akhirnya menjadi:

  Pautan Anchor

Menetapkan sasaran Tautan Lalai

Selain mendefinisikan URL asas, yang tag juga boleh menetapkan sasaran pautan lalai melalui sasaran atribut. Katakan anda mahu semua pautan dalam dokumen dibuka dalam pelayar baru tab, menetapkan sasaran dengan _blank, seperti itu.

Had

The tag, bagaimanapun, memegang beberapa kaveat dalam beberapa keadaan:

Pertama, sokongan penyemak imbas adalah hebat; ia berfungsi dalam IE6. Tetapi, IE6 berpendapat bahawa ia memerlukan tag tutup . Ini boleh menyebabkan masalah hierarki dalam dokumen itu, jika tanda tutup dibiarkan tidak ditentukan. Cara cepat mudah untuk menangani masalah ini adalah dengan menambah tutup dalam komen, .

Jika anda menggunakannya # bersempena dengan untuk memaut ke bahagian dalam dokumen, anda berpotensi menghadapi masalah di Internet Explorer 9. Daripada melompat ke bahagian yang dirujuk, Internet Explorer 9 akan memuatkan semula halaman.

Tambahan pula, kosong href akan menghasilkan URL asas dan bukannya menyambung ke direktori semasa di mana halaman berada (ini adalah tingkah laku pelayar lalai), yang boleh menyebabkan isu rujukan tidak dijangka.

Wrap Up

The adalah ciri HTML berguna yang boleh memudahkan rujukan pautan dalam dokumen web. Gunakan tag dengan berat untuk meminimumkan perangkap. Ikuti rujukan di bawah untuk maklumat lanjut mengenai tag:

URL Mutlak dan Relatif - MSDN
Unsur Pangkalan HTML - W3C