HTML+CSS Mudah untuk Bermula dengan Pautan Sauh

Apakah pautan sauh

Pautan dalam HTML, istilah yang betul harus dipanggil "sauh", yang menamakan pautan sauh (juga dipanggil Penanda Halaman pautan) sering digunakan pada halaman web dengan kandungan yang besar dan kompleks Dengan mengklik pada sauh yang dinamakan, kita bukan sahaja boleh menunjuk ke dokumen, tetapi juga ke perenggan tertentu dalam halaman tersebut "pautan tepat" untuk membiarkan objek pautan Dekat untuk memfokus. Ia adalah mudah untuk penonton melihat kandungan halaman web. Ia serupa dengan nombor halaman jadual kandungan atau peringatan bab apabila kita membaca buku. Penambat teg ialah kaedah terbaik apabila anda perlu menyasarkan bahagian tertentu halaman.

Cara membuat pautan sauh

Langkah 1: Buat sauh bernama

Untuk mencipta sauh bernama, In paparan penyuntingan Dreamweaver, letakkan kursor di tempat yang anda mahu namakan sauh. Pilih bar alat "Sisipkan Rekod" dan pilih pilihan "Named Anchor". Kotak dialog Named Anchor muncul.

Buat kotak dialog sauh bernama Masukkan nama sauh dalam kotak teks "Nama Sauh". Secara amnya, jika sauh berada di bahagian atas halaman web, anda boleh memasukkan nama sauh tidak boleh mengandungi ruang dan tidak boleh diletakkan dalam lapisan.

Langkah 2: Pautkan ke sauh yang dinamakan

Selepas menentukan sauh, anda boleh memaut ke sauh yang dinamakan. Pilih teks atau imej yang ingin anda buat pautan, seperti teks "Kembali ke atas." Masukkan "#anchor name" dalam kotak teks "Pautan" pada panel sifat, seperti: "#top". Seperti yang ditunjukkan dalam Rajah 2.

Selepas memaut ke halaman web yang disimpan sauh, tekan F12 untuk pratonton halaman web. Apabila teks pautan (kembali ke atas) diklik dalam penyemak imbas, halaman web pergi ke baris dengan sauh bernama bertanda "atas".

PS: Untuk memaut ke sauh bernama "atas" dalam dokumen lain, formatnya ialah: laluan mutlak fail + nama fail #atas. Nama utama adalah sensitif huruf besar-besaran.

Peranan pautan sauh dalam SEO

Pautan sauh ialah konsep yang sangat penting Penambahan pautan sauh yang sesuai pada halaman web akan Meningkatkan kepentingan halaman web dan halaman web yang dituju, dengan itu menjejaskan kedudukan kata kunci. Kesan pautan sauh pada SEO terutamanya ditunjukkan dalam aspek berikut:

Kesan pada halaman tempat pautan sauh terletak

Biasanya, pautan sauh pautan yang ditambahkan pada halaman mempunyai hubungan tertentu dengan halaman itu sendiri. Oleh itu, teks sauh boleh digunakan sebagai penilaian kandungan halaman di mana pautan sauh berada. Sebagai contoh: artikel ini mengandungi pautan ke "SEO", maka bermakna artikel ini mempunyai hubungan tertentu dengan SEO.

Kesan pada halaman yang ditunjuk oleh pautan anchor

Pautan anchor dapat menerangkan dengan tepat kandungan halaman yang ditunjuk, oleh itu, pautan anchor boleh digunakan sebagai penilaian halaman yang menunjuk.

Kesan pautan sauh pada kedudukan kata kunci

Kepentingan pautan sauh pada kedudukan kata kunci ialah ia membolehkan halaman kandungan dipautkan bersama secara rawak, membolehkan labah-labah merangkak lebih banyak halaman , beratnya boleh juga dipindahkan secara sama rata, sambil meningkatkan perkaitan halaman, dan akhirnya meningkatkan kedudukan kata kunci tapak web.

Perbezaan antara pautan utama dan hiperpautan

Perbezaan dalam kedudukan kata kunci.

Jika ia berkaitan dengan perbezaan kedudukan untuk kata kunci. Kita boleh menggunakan nombor untuk menggambarkan perbezaan dalam kedudukan Baidu. Katakan kita membuat pautan dengan teks sauh: sebagai contoh, kita membuat kata kunci "Rangkaian Juruweb". Jika pautan luaran ini disertakan oleh Baidu. Andaikan bahawa berat yang diberikan oleh Baidu kepada pautan ini diwakili oleh angka Arab. Sebagai contoh, jika ia adalah 5, maka pautan luaran ini boleh diberikan kedudukan 4 untuk kata kunci Webmaster.com, dan mungkin diberi kedudukan 4 untuk kata kunci lain tapak web kami.

2. Perbezaan antara pautan balik

Apabila kita melakukan SEO, kita sering memberi perhatian kepada pautan balik laman web kita sendiri Secara amnya, semua orang bertanyakan laman web mereka melalui pautan balik Yahoo dan domain Baidu. Jika kita membuat pautan teks sauh. Minta Yahoo untuk memasukkannya, dan pautan teks sauh boleh ditanya melalui pautan balik Yahoo. Jika pautan ini disertakan oleh Baidu, kami tidak boleh menanyakannya melalui domain Baidu. Jika kami membuat pautan URL dan meminta Yahoo memasukkannya, kami boleh membuat pertanyaan melalui pautan balik Yahoo Jika kami meminta Baidu memasukkannya, kami juga boleh membuat pertanyaan melalui domain Baidu. Jadi: Pautan teks sauh boleh meningkatkan bilangan pautan balik Yahoo ke tapak web kami. Bilangan domain Baidu tidak boleh ditambah. Pautan URL boleh meningkatkan bilangan pautan balik Yahoo ke tapak web kami, dan juga boleh meningkatkan bilangan domain Baidu.


Contoh pautan sauh: Buat contoh kembali ke atas, kodnya adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>锚点链接</title>
</head>
<body>

		<a name="top">我们都一样</a>

		推开窗看见星星  一直守在夜空中<br>
		心中不免多了些暖暖的感动<br>
		一闪一闪的光  努力把黑夜点亮气氛如此安详<br>
		你在我的生命中是那最闪亮的星<br>
		一直在我深夜中守护着我们的梦<br><br>
		这世界那么大我的爱只想要你懂<br>
		陪伴我孤寂旅程<br>
		你知道我的梦你知道我的痛<br>
		你知道我们感受都相同<br>
		就算有再大的风也挡不住勇敢的冲动 <br><br>



		最美的太阳

		我的世界 因为有你才会美<br>
		我的天空 因为有你不会黑<br>
		给我快乐 为我伤心流眼泪<br>
		给我宽容 让我能展翅高飞<br>
		你的话你的泪 你的笑你的美<br>
		在我眼中胜过最美的玫瑰<br>
		抱着梦 往前飞 不逃避 不后退<br>
		你是我成功路上的堡垒<br>
		给我翅膀 让我可以翱翔<br>
		给我力量 是你让我变坚强<br>
		不怕受伤 因为有你在身旁<br>
		你的笑 你的泪 是我筑梦路上最美的太阳<br><br>



		明天过后<br>
		没有星星的夜空<br> 
		没有话题能补充 <br>
		太多承诺从指缝中溜走 <br>
		不敢奢求什么 <br>
		回忆将我们扣留 <br>
		一瞬间亲吻的时候 <br>
		一切就好像轮回般朦胧 <br>
		心动渐渐的失控 <br>
		是否两个人足够捕捉爱的镜头 <br>
		闭上了眼睛记得你的笑容 <br>
		幸福的从容将灵魂都掏空 <br>
		享受一分钟的感动 <br>
		是否爱上一个人不问明天过后 <br>
		山明和水秀不比你有看头 <br>
		牵着你的手,一直走到最后 <br>
		这一刻怎么回头 <br>




		明天过后<br>
		没有星星的夜空<br> 
		没有话题能补充 <br>
		太多承诺从指缝中溜走 <br>
		不敢奢求什么 <br>
		回忆将我们扣留 <br>
		一瞬间亲吻的时候 <br>
		一切就好像轮回般朦胧 <br>
		心动渐渐的失控 <br>
		是否两个人足够捕捉爱的镜头 <br>
		闭上了眼睛记得你的笑容 <br>
		幸福的从容将灵魂都掏空 <br>
		享受一分钟的感动 <br>
		是否爱上一个人不问明天过后 <br>
		山明和水秀不比你有看头 <br>
		牵着你的手,一直走到最后 <br>
		这一刻怎么回头 <br>






		<a href="#top">顶部</a>
</body>
</html>

Apabila halaman web kita mempunyai banyak kandungan , kami terus melihat ke bawah Halaman, klik untuk kembali ke atas untuk pergi terus ke kepala halaman

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>锚点链接</title> </head> <body> <a name="top">我们都一样</a> 推开窗看见星星 一直守在夜空中<br> 心中不免多了些暖暖的感动<br> 一闪一闪的光 努力把黑夜点亮气氛如此安详<br> 你在我的生命中是那最闪亮的星<br> 一直在我深夜中守护着我们的梦<br><br> 这世界那么大我的爱只想要你懂<br> 陪伴我孤寂旅程<br> 你知道我的梦你知道我的痛<br> 你知道我们感受都相同<br> 就算有再大的风也挡不住勇敢的冲动 <br><br> 最美的太阳 我的世界 因为有你才会美<br> 我的天空 因为有你不会黑<br> 给我快乐 为我伤心流眼泪<br> 给我宽容 让我能展翅高飞<br> 你的话你的泪 你的笑你的美<br> 在我眼中胜过最美的玫瑰<br> 抱着梦 往前飞 不逃避 不后退<br> 你是我成功路上的堡垒<br> 给我翅膀 让我可以翱翔<br> 给我力量 是你让我变坚强<br> 不怕受伤 因为有你在身旁<br> 你的笑 你的泪 是我筑梦路上最美的太阳<br><br> 明天过后<br> 没有星星的夜空<br> 没有话题能补充 <br> 太多承诺从指缝中溜走 <br> 不敢奢求什么 <br> 回忆将我们扣留 <br> 一瞬间亲吻的时候 <br> 一切就好像轮回般朦胧 <br> 心动渐渐的失控 <br> 是否两个人足够捕捉爱的镜头 <br> 闭上了眼睛记得你的笑容 <br> 幸福的从容将灵魂都掏空 <br> 享受一分钟的感动 <br> 是否爱上一个人不问明天过后 <br> 山明和水秀不比你有看头 <br> 牵着你的手,一直走到最后 <br> 这一刻怎么回头 <br> 明天过后<br> 没有星星的夜空<br> 没有话题能补充 <br> 太多承诺从指缝中溜走 <br> 不敢奢求什么 <br> 回忆将我们扣留 <br> 一瞬间亲吻的时候 <br> 一切就好像轮回般朦胧 <br> 心动渐渐的失控 <br> 是否两个人足够捕捉爱的镜头 <br> 闭上了眼睛记得你的笑容 <br> 幸福的从容将灵魂都掏空 <br> 享受一分钟的感动 <br> 是否爱上一个人不问明天过后 <br> 山明和水秀不比你有看头 <br> 牵着你的手,一直走到最后 <br> 这一刻怎么回头 <br> <a href="#top">顶部</a> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus