Bagaimana untuk menetapkan dan menggunakan anchor HTML?

pelajaran hari ini akan menjadi HTML berlabuh. Unsur ini membolehkan peralihan pesat dalam halaman, dan juga dalam dokumen luaran. Anchors sering digunakan oleh pembangun laman web. Kerana ia membantu untuk menganjurkan laman yang mudah untuk pembaca. Artikel ini akan diberi penerangan terperinci unsur ini, dan contoh penggunaan yang berkesan.

Huraian

Anchor HTML - ia adalah jenis tab laman web yang unik. Dia sentiasa ada nama individu yang tidak perlu diulangi pada halaman yang sama. Tujuan utama sauh - peralihan pesat dari satu bahagian dokumen yang lain, ke lokasi tertentu. Terutama berkesan elemen ini membawa, apabila halaman web yang lebih besar. Oleh kerana itu, pengguna sukar untuk membaca kandungan laman web ini. Dan berlabuh di halaman HTML membolehkan peralihan cepat.

tugasan

Untuk membuat penanda buku untuk dua kaedah yang berbeza boleh digunakan di sini. Yang pertama adalah dengan menggunakan Nama atribut, dan dalam kes kedua, anda mesti menggunakan atribut ID. Seterusnya, kita melihat setiap kaedah secara berasingan. peralihan berlaku dalam kedua-dua kes dengan cara «a» tag yang atribut mengandungi nama atau pengecam. Sebagai contoh: «a href = http: // tapak / artikel / 106.223 /% E2% 80% 9D # footer% E2% 80% 9D% C2% BB. The # simbol memberitahu pelayar bahawa pautan akan membawa berlabuh.

nama

Nama atribut direka khusus untuk mewujudkan anchor pada halaman. nilai boleh mana-mana teks. Ini anchor HTML boleh digunakan sahaja bersama dengan tag «a».

Sebagai contoh, anda ingin membuat penanda buku pada akhir halaman anda. Anda perlu untuk meletakkan tag «a name =" footer "» «/ a» di bahagian yang diingini dokumen web. Di kawasan lain pada halaman yang anda akan perlu untuk membuat pautan ke sauh, untuk tujuan ini, tambah entri «a href = http: // tapak / artikel / 106.223 /% E2% 80% 9D # footer" »link« / a ». Apabila anda klik pada pelayar item ini secara automatik akan membawa anda ke bahagian dalam dokumen di mana terdapat tab Footer.

ID

Pertama, mari kita mengatakan bahawa ID - pengecam yang tidak mempunyai tujuan langsung untuk mewujudkan sauh. Tetapi ia membolehkan anda untuk membuat penanda buku di dalam semua bidang dokumen tanpa mewujudkan pautan tambahan. Iaitu, anda boleh menggunakan atribut ID kepada mana-mana elemen HTML. Kemudian menggunakan «a» rujuk tag di atasnya. Berikut adalah contoh: unsur «p» terletak di tengah-tengah dokumen itu. Untuk pergi ke ia dari permulaan muka surat tanpa menggunakan bar tatal, menambah ID atribut: «p id =" centr "» «/ p». Kemudian mencipta pautan: «a href = http: // tapak / artikel / 106.223 /% E2% 80% 9D # centr% E2% 80% 9D% C2% BB% D0% A2% D0% B5% D0% BA% D1 % 81% D1% 82% C2% AB% 2FA% C2% BB. Oleh itu, kita mempunyai akses mudah untuk mana-mana bahagian dokumen itu. Nilai atribut ID boleh mana-mana teks.

kecekapan penggunaan

The link HTML anchor sangat sering digunakan untuk pembinaan instrumen navigasi. Sebagai contoh, laman yang mempunyai jumlah besar maklumat teks, yang seterusnya dibahagikan kepada perenggan atau bab yang berasingan. Istimewa ia adalah mudah untuk menggunakan laman web ini, anda boleh beralih ke bahagian yang berasingan dokumen yang anda ingin gunakan penanda buku. Untuk tujuan ini, setiap bab mewujudkan anchor link, atau gunakan ID. A bar navigasi atas akan lakukan dengan kandungan semua pautan. Satu fakta menarik ialah bahawa anchor boleh dirujuk dari laman web lain. Ia sudah cukup untuk menambah ke akhir nilai rujukan Nama atau ID sifat. Jangan lupa untuk menambah simbol #. Skim ini kemudian akan kelihatan seperti ini: utama link # nama (id).

kesimpulan

Anchor HTML - ia adalah sangat berguna dan dalam beberapa kes walaupun elemen perlu. Dalam artikel ini saya telah dibentangkan hanya satu contoh penggunaan yang berkesan. Tetapi sebenarnya ini jenis penanda buku boleh digunakan dalam pelbagai situasi. Perkara utama - untuk memahami idea asas mereka.