Rumah >hujung hadapan web >html tutorial >Pengenalan kepada tag sauh pautan HTML dan peranannya dalam SEO_HTML/Xhtml_Web pengeluaran halaman

Pengenalan kepada tag sauh pautan HTML dan peranannya dalam SEO_HTML/Xhtml_Web pengeluaran halaman

WBOY
WBOYasal
2016-05-16 16:38:581525semak imbas

Teg

3499910bf9dac5ae3c52d5ede7383485 digunakan terutamanya untuk mentakrifkan pautan dan penanda halaman Ia juga dipanggil hiperpautan atau pautan utama Kegunaan yang paling biasa adalah seperti berikut

Buat atribut hiperpautan href dan lompat ke pautan di tengah-tengah href="".

<a href="http://www.jb51.net/">www.jb51.net</a>

Buat penanda halaman, gunakan nama atau atribut id dan tambah "#" di hujung hiperpautan dan nama penanda halaman ini untuk melompat ke lokasi tertentu pada halaman web

<a name="top"></a>
<a name="1"></a>
<a name="2"></a>
<a href="#top">返回顶部</a>
<a href="#1">打开第一章</a>
<a href="#2">打开第二章</a>
Apabila anda membuka tutorial dalam talian E-Dimension Technology W3CSchool, navigasi di bawah tajuk akan muncul melalui nama penanda halaman.

Atribut acara JavaScript, laksanakan arahan yang berbeza selepas mengklik

<a href="javascript:void(0)" onclick="this.href='http://www.jb51.net/'">www.jb51.net</a>
Pautan utama gaya CSS

Apabila tiada pautan sauh tersuai7441550ff19d67aece0736607957bb92teks pautan sauh5db79b134e9f6b82c0b36e0489ee08edgaya CSS, gaya pautan sauh lalai adalah seperti berikut :

Gaya pautan lalai, sila gunakan tetikus untuk mencetus untuk melihat kesan

080b747a20f9163200dd0a7d304ba388

a{color:#00F}

a:dilawati{color:#800080}

a:hover{color:#F00}

531ac245ce3e4fe3d50054a55f265927

7441550ff19d67aece0736607957bb92www.jb51.net5db79b134e9f6b82c0b36e0489ee08ed

a{color:#00F} Pautan sauh yang belum dilawati berwarna biru dan bergaris

a:visited{color:#800080} Pautan selepas mengklik akan berwarna ungu dan bergaris

a:hover{color:#F00} Apabila tetikus ditekan, ia akan menjadi merah dan bergaris

Namun, kerana ketiga-tiga warna ini terlalu kuat, ia selalunya tidak dapat memadankan semua gaya reka bentuk web Jika anda memerlukan gaya pautan sauh dalam warna lain, anda hanya perlu mengubah suai warna dan latar belakang dalam CSS mengikut tiga gaya di atas.

Mengapa pautan sauh perlu digariskan?

Malah, ketika HTML mula-mula dilancarkan, penyemak imbas tidak secanggih sekarang Pada masa yang sama, skrin komputer pada masa itu tidak mempunyai warna LCD hari ini, malah banyak yang hitam putih. Pada masa itu, cara untuk membezakan sama ada pautan adalah melalui garis bawah pada banyak paparan hitam dan putih, atau pada halaman web untuk pengguna buta warna, sebaiknya teruskan garis bawah, jika tidak, pengguna tidak akan dapat membezakan warna. .

Sudah tentu, demi estetika, reka bentuk web moden secara amnya tidak meletakkan garis bawah terus pada pautan. Walau bagaimanapun, untuk menjaga pengguna buta warna dan pengguna paparan telefon bimbit hitam-putih, adalah disyorkan untuk menetapkan gaya CSS untuk digariskan apabila tetikus pengguna mencetuskannya.

Pautan anchor Tetapan tetingkap lompat sasaran

Apabila anda membuka pautan pada halaman ini, anda akan mendapati bahawa membuka beberapa pautan akan muncul ke tetingkap lain, manakala membuka beberapa pautan akan menggantikan halaman ini secara langsung. Kaedah lompatan ini boleh menggunakan atribut sasaran pautan sauh untuk menetapkan tetingkap lompat.

_self Tetingkap semasa dibuka dan pautan sauh akan melompat ke tetingkap penyemak imbas semasa secara lalai, iaitu sasaran lalai="_self"

<a href="http://www.jb51.net/" target="_self">这里是当前新窗口显示E维科技首页</a>

_kosong Tetingkap baharu dibuka

<a href="http://www.jb51.net/" target="_blank">这里是打开新窗口显示E维科技首页</a>

Sasaran yang tidak dinamakan dibuka dalam tetingkap baharu

<a href="http://www.jb51.net/" target="_weigeti"> 如果这里面的_weigeti不是网页内部的name或id,就网页中所有target="_weigeti" 链接都在同一个新窗口打开,而_blank每个链接都打开不同新窗口 </a>

nama atau id bingkai

<a href="http://www.jb51.net/" target="weigeti">点击这里,将在下面name="weigeti" 的框架里面显示E维科技首页,不会跳转新窗口或者替换当前窗口</a>
<iframe name="weigeti"></iframe>

_parent Tetingkap induk membuka dan memuatkan fail yang dipautkan ke dalam set bingkai induk atau tetingkap induk yang mengandungi bingkai terpaut. Jika bingkai yang mengandungi pautan tidak bersarang, fail yang dipautkan dimuatkan dalam tetingkap skrin penuh penyemak imbas, sama seperti parameter _self.

<iframe>
   <a href="http://www.jb51.net/" target="_parent">这里是框架内部</a>
</iframe>

_atas Tahap atas bingkai , sebagai contoh, halaman web B dibenamkan dalam iframe dalam rangkaian A dan halaman web C dibenamkan dalam iframe dalam halaman web B

<iframe>
   <iframe><a href="http://www.jb51.net/" target="_top">这里是框架内部的框架</a></iframe>
</iframe>
Jika tetapan pautan menyasarkan=_ibu bapa dalam halaman web C, kemudian lompat untuk mengalih keluar halaman web B dan terus membenamkan halaman pautan dalam halaman web C dalam

Dan jika target=_atas dalam halaman web C, ia akan melompat keluar daripada semua iframe dan pergi terus ke halaman pautan dalam C.

_top membuka dokumen yang dipautkan dalam keseluruhan tetingkap penyemak imbas semasa, dengan itu mengalih keluar semua bingkai

Peranan pautan utama dalam SEO

Pautan luaran sentiasa dianggap sebagai salah satu teras pengoptimuman enjin carian Atas sebab ini, pelbagai bentuk pautan luaran telah muncul, tetapi tidak semua pautan luaran berkesan untuk SEO.

Pautan luaran yang ditulis dalam JS adalah tidak sah untuk SEO

Enjin carian agak keberatan untuk mengenali Javascript, jadi ini mudah difahami.

<a href="#" onclick="this.href='http://www.jb51.net/'">这样的链接对SEO无效</a>
<a href="#" onclick="window.open('http://www.jb51.net/');">这样的链接对SEO无效,甚至在Chrome等浏览器下都无法打开</a>
Pautan rel=nofollow juga tidak sah untuk SEO

Jika anda bertukar pautan dengan tapak web lain dan mendapati melalui kod sumber bahawa tapak web lain telah menambahkan atribut rel=nofollow pada pautan anda, ini bermakna pautan itu tidak akan dirangkak oleh enjin carian.

<a href="http://www.jb51.net/" rel="nofollow">这样的链接对SEO无效</a>

<meta name="robots" content="nofollow" />
<a href="http://www.jb51.net/">如果网页开头有上面一句话,那么这个网页内部所有链接都不会会搜索引擎抓取,所以对SEO无效</a>
Pautan dan warna latar belakang tidak berkesan untuk SEO

Carian Google melancarkan algoritma baharu untuk memusnahkan pautan luar dengan warna yang sama seperti Beijing, dan pautan luar seperti itu biasanya dianggap sebagai pautan hitam.

Kenyataan:
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