<a> Tag terutama digunakan untuk mendefinisikan tautan dan bookmark, dan juga disebut hyperlink atau tautan jangkar. Penggunaan yang paling umum adalah sebagai berikut:
Buat atribut hyperlink href dan lompat ke tautan di href tengah =.<a href = https: //www.vevb.com/> www.vevb.com </a>Buat bookmark, gunakan atribut nama atau ID dan akhir hyperlink untuk menambahkan # dan nama bookmark ini untuk melompat ke lokasi tertentu di halaman web
<a name = top> </a> <a name = 1> </a> <a name = 2> </a> <a href =#top> kembali ke atas </a> <a href =#1> Buka Bab 1 </a> <a href =#2> Buka Bab 2 </a>
Saat Anda membuka tutorial online Ewei Technology W3CSchool, navigasi di bawah judul akan muncul, yang dibuat melalui nama Bookmark.
Atribut Acara Javascript, klik untuk menjalankan perintah yang berbeda<a href = javascript: void (0) onclick = this.href = 'https: //www.vevb.com/'> www.vevb.com </a>
Ketika tidak ada gaya CSS dari tautan jangkar khusus <a href = https: //www.vevb.com/> teks tautan jangkar </a>, gaya tautan jangkar default adalah sebagai berikut:
Gaya tautan default digunakan, silakan gunakan mouse untuk memicu efeknya.
<Tipe Gaya = Teks/CSS>
A {Color:#00F}
A: Visited {Color:#800080}
A: Hover {Color:#f00}
</tyle>
<a href = https: //www.vevb.com/> www.vevb.com </a>
A {Color:#00F} tautan jangkar semuanya biru dan digarisbawahi.
A: Visited {Color:#800080} Tautan setelah mengklik ungu dan digarisbawahi
A: Hover {Color:#f00} Mouse memicu gaya merah dan digarisbawahi
Namun, karena ketiga warna ini terlalu kuat, mereka sering tidak cocok dengan semua gaya desain web. Jika Anda memerlukan gaya tautan jangkar untuk warna lain, Anda hanya perlu memodifikasi warna dan latar belakang sendiri di CSS sesuai dengan tiga gaya di atas.
Bahkan, ketika HTML pertama kali diluncurkan, browser tidak secepat sekarang, dan layar komputer pada waktu itu tidak memiliki warna LCD dan warna lain saat ini, dan banyak dari mereka bahkan hitam dan putih. Pada saat itu, metode untuk membedakan apakah itu tautan adalah menggarisbawahinya. Pada banyak monitor hitam dan putih, atau halaman web untuk pengguna buta warna, cobalah untuk menjaga garis bawah sebanyak mungkin, jika tidak, pengguna tidak akan dapat membedakan warna.
Tentu saja, demi keindahan, desain web modern umumnya tidak meletakkan garis bawah langsung di tautan. Namun, untuk merawat pengguna buta warna dan pengguna monitor ponsel hitam putih, disarankan untuk mengatur gaya CSS untuk menggarisbawahi ketika mouse pengguna dipicu.
Saat Anda membuka tautan ke halaman ini, Anda akan menemukan bahwa beberapa tautan akan muncul ke jendela lain saat Anda membukanya, sementara beberapa tautan akan secara langsung mengganti halaman ini. Metode lompatan ini dapat menggunakan properti target tautan jangkar untuk mengatur jendela lompat.
_Self jendela saat ini terbuka , dan tautan jangkar akan diarahkan ke jendela browser saat ini secara default, yaitu target default = _Self<a href = https: //www.vevb.com/ target = _self> Ini adalah tampilan jendela baru saat ini homepage teknologi ewei </a>_blank jendela baru terbuka
<a href = https: //www.vevb.com/ target = _blank> Ini adalah jendela baru untuk menampilkan beranda teknologi EV </a>Target yang tidak disebutkan namanya terbuka di jendela baru yang sama
<a href = https: //www.vevb.com/ target = _weigeti> Jika _weigeti di sini bukan nama atau id di dalam halaman web, semua target = _weigeti tautan di halaman web yang dibuka di jendela baru yang sama, dan setiap tautan _blank opens A yang berbeda </a>Nama bingkai atau id
<a href = https: //www.vevb.com/ target = weigeti> klik di sini untuk menampilkan beranda teknologi e-wei di bingkai di bawah nama = weigeti, dan tidak akan melompat ke jendela baru atau mengganti jendela saat ini </a> <iframe name = weigeti> </iframe>_Parent Jendela induk membuka dan memuat file yang ditautkan ke set bingkai induk atau jendela induk yang berisi bingkai tautan. Jika kerangka yang berisi tautan tidak bersarang, file yang ditautkan dimuat di jendela layar penuh browser, sama seperti parameter _self.
<Frame> <a href = https: //www.vevb.com/ target = _parent> Ini adalah bagian dalam bingkai </a> </fiframe>_top Framework di level atas , misalnya, halaman web B tertanam di web A, halaman web B tertanam di halaman web iframe c c
<Frame> <Frame> <a href = https: //www.vevb.com/ target = _top> Ini adalah kerangka kerja di dalam bingkai </a> </iframe> </iframe>
Jika koneksi di halaman web C diatur ke target = _parent, maka hapus halaman web B dan langsung embed halaman tautan di halaman web c;
Jika target = _top di halaman web C, maka semua bingkai iframe akan langsung melompat keluar dan langsung beralih ke halaman yang ditautkan di C.
_top Membuka dokumen tertaut di seluruh jendela browser saat ini, sehingga menghapus semua frame
Tautan eksternal selalu dianggap sebagai salah satu inti dari optimasi mesin pencari. Untuk alasan ini, semua bentuk tautan eksternal telah muncul, dan tidak semua tautan eksternal memiliki efek pada SEO.
Mesin pencari kurang bersedia untuk mengenali JavaScript, yang semuanya mudah dimengerti.
<a href =# onclick = this.href = 'https: //www.vevb.com/'> tautan seperti itu tidak valid untuk seo </a> <a href =# onclick = window.open seperti tautan untuk chroming dan tidak ada yang lebih baik untuk chroming dan tidak ada tautannya dengan chrome dan tidak ada tautannya dengan chrome dan tidak ada tautannya dengan chrome dan tidak ada tautannya dengan chrome dan tidak ada tautannya dengan chrome dan tidak ada tautannya.
Jika Anda menemukan bahwa situs web pihak lain telah menambahkan atribut rel = nofollow ke tautan Anda saat mengubah tautan dengan situs web orang lain melalui kode sumber, itu berarti bahwa tautan ini tidak dirangkak oleh mesin pencari.
<a href = https: //www.vevb.com/ rel = nofollow> tautan semacam itu tidak valid untuk seo </a> <meta name = robot konten = nofollow/> <a href = https, //www.vevb. tidak valid untuk SEO </a>
Google Search pertama kali meluncurkan algoritma baru untuk menyerang tautan eksternal dengan warna yang sama dengan Beijing, dan tautan eksternal ini umumnya dianggap sebagai tautan hitam.
<type style = text/css> #vgtlink {background: #fff} #vgtlink {latar belakang: #fff} </style> <div id = vgtlink> <a href = https: //www.vevb.com/ id = vgtlink> tautan seperti itu tidak berlaku untuk seo </vevb.com/ ID = vgtlink> tautan seperti itu untuk seo </vevb.com/ ID = vgtlink> tautan seperti seo </vevb.com/ <a> href = https: //www.vevb.com/ style = latar belakang: #fff> Tautan seperti itu juga tidak valid untuk SEO </a>