Rumah > hujung hadapan web > html tutorial > Pengenalan kepada penggunaan mata sauh (dinamakan sauh) dalam halaman web html_HTML/Xhtml_Pengeluaran halaman web

Pengenalan kepada penggunaan mata sauh (dinamakan sauh) dalam halaman web html_HTML/Xhtml_Pengeluaran halaman web

WBOY
Lepaskan: 2016-05-16 16:39:18
asal
3396 orang telah melayarinya
Maklumat berikut disusun daripada Internet

1 Anchor point ialah sejenis hiperpautan dalam penghasilan halaman web, juga dipanggil anchor . Sauh bernama ialah hiperpautan dalam halaman, seperti pencari pantas, dan agak biasa digunakan.
Nama bahasa Inggeris: sauh
Gunakan sauh bernama untuk menetapkan teg dalam dokumen Teg ini biasanya diletakkan pada topik tertentu atau di bahagian atas dokumen. Pautan kepada sauh bernama ini kemudiannya boleh dibuat yang membawa pelawat ke lokasi yang ditentukan dengan cepat.
Mencipta pautan kepada sauh bernama ialah proses dua langkah. Mula-mula, buat sauh bernama, dan kemudian buat pautan ke sauh bernama.

Kod contoh

Tentukan titik utama berikut pada kedudukan yang sesuai dalam halaman HTML:
Berikut ialah Bahagian ATAS< ;/a>
Ini ialah bahagian KANDUNGAN
Ini ialah bahagian FOOT
(Anda boleh menggunakan atribut id dan bukannya atribut nama, dan sauh bernama juga sah. [1])
Terdapat dua kaedah untuk mengakses titik sauh di atas
Satunya ialah menggunakan tag hiperpautan < /a>Buat pautan sauh, digunakan terutamanya untuk akses sauh dalam halaman
Klik pautan saya ke TOP href="# content">Klik saya untuk memaut ke KANDUNGAN
Klik saya untuk memaut ke FOOT ia terus selepas alamat halaman Tag anchor digunakan terutamanya untuk akses sauh antara halaman yang berbeza
Jika alamat halaman ini ialah http://fail path/index.html, untuk mengakses sauh kaki, hanya akses pautan berikut
http ://File path/index.html#foot


2.html Untuk apa sebenarnya titik sauh itu?
Ringkasnya, sebagai contoh, jika anda ingin membaca artikel yang sangat panjang dengan tepat mengikut segmen, anda boleh menggunakan mata sauh.
Kod:
Lompat ke 001
...Teks ditinggalkan

... Teks ditiadakan

Malah, titik utama hanya memerlukan nama dan id ditambahkan untuk menjadikannya lebih serasi
href Nilai mesti konsisten dengan nama i d, dan "#" mesti ditambah di hadapan Kod di atas serasi dalam ie6/7, ff, tetapi tidak dalam ie8.
Oleh kerana nilai titik utama kami kosong, kami hanya boleh menambah ruang supaya tidak menjejaskan estetika

Kod berikut serasi dengan IE8
< ;a href="#001">Lompat ke 001 /a>
...Teks ditinggalkan

Soalan lain, adakah anda ingin memaparkan kandungan utama halaman tertentu (seperti: 123.html)?

Kodnya adalah seperti berikut
Lompat ke 001... Teks ditinggalkan
& n b s p , jadi saya mengalihkan tanda sauh keluar (biasanya saya lupa).
Tetapi program mengatakan bahawa untuk mendapatkan nilai, mesti ada "?" atau "&" dalam sambungan, jadi titik utama saya akan menjadi tidak serasi...
Haha! Akan ada penyelesaian di masa hadapan!
Walaupun terdapat masalah dengan keserasian titik utama dalam halaman jsp, tiada masalah dalam halaman statik, dan ia masih berbaloi untuk dipelajari!


3. Dalam pembangunan WEB, sauh halaman
akan digunakan. Penambat halaman HTML digunakan untuk memaut ke bahagian halaman. W3School mengatakan bahawa membuat sauh menggunakan teg (anchor) dan atribut nama, tetapi ini bukan satu-satunya cara untuk membuat sauh halaman. Mari kita bercakap secara ringkas tentang dua cara untuk membuat sauh halaman HTML.

Kami boleh menggunakan alat ujian dalam talian W3School untuk ujian. Kod ujian selepas membuka pautan menggunakan
dan , dan tiada masalah dalam ujian. Kemudian tukar "


Perhatikan bahawa selain menggunakan atribut nama tag anchor semasa membuat sauh halaman, anda juga boleh menggunakan atribut id. Nilai atribut href dalam teg anchor
ialah nilai bermula dengan # tambah nama atau id sasaran:



Salin kod


Kodnya adalah seperti berikut:


Gunakan href dan atribut nama tag anchor


Kaedah 2


Gunakan teg sauh dan atribut id





Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan