Rumah >hujung hadapan web >html tutorial >Pengenalan kepada tag sauh pautan HTML dan peranannya dalam SEO_HTML/Xhtml_Web pengeluaran halaman
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
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.Gaya pautan lalai, sila gunakan tetikus untuk mencetus untuk melihat kesan
080b747a20f9163200dd0a7d304ba388a{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
Mengapa pautan sauh perlu digariskan?
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
_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 yang ditulis dalam JS adalah tidak sah untuk SEO
<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
<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