Sebagian besar pengembang web bahkan tidak mengenali:
Halaman yang kami sebut menggunakan target \u003d "_ blank" mendapat akses ke halaman sumber melalui objek Window.Opener.
Misalnya, dengan demikian tab terbuka dapat mengubah window.opener.location, I.E. Alih-alih tab sebelumnya, memuat halaman yang sama sekali berbeda.
Yang paling mengerikan adalah bahwa kerentanan ini hadir di banyak situs domestik dan asing yang populer: sedangkan di Facebook mengoreksinya beberapa hari yang lalu, masih berfungsi, misalnya, di Yandex.we.
Contoh serangan.
Mengandalkan perilaku browser seperti itu, Anda dapat menemukan banyak skenario, itu yang termudah:
1. Korban dikirim surat, mungkin dengan alamat palsu. Konten surat itu benar-benar tidak masalah: hal utama adalah memaksa korban untuk mengikuti tautan dengan kode berbahaya. Misalnya, mungkin silakan periksa kutipan mi-mi-kota seperti fakta bahwa di bawah ini. Target \u003d "_ blank" Yandex menambahkan secara otomatis ke dalam semua huruf.
2. Korban membuka surat kepada Yandex.well, mengklik tautan, di mana Situs-Gasket dibuka di tab baru, yang melakukan kode berbahaya, yang bukan Yandex. Silakan unduh situs phishing, sangat mirip dengan aslinya , Tapi, misalnya, meminta kembali masuk kembali login dan kata sandi, serta untuk menghilangkan kecurigaan, benar-benar membuat penerusan ke kucing.
Contoh kode tersebut:
// subtitusi yandex asli.things pada window.opener.location.location \u003d "http://e-m-a.il/yandex.ru"; // meneruskan pada kucing untuk menghapus kecurigaan window.location \u003d "https://imgur.com/0a5zgbn";
3. Korban mempercayai Yandex dan melihat kucing kembali ke tab sebelumnya dengan surat. Karena dia tidak membuka apa-apa di dalamnya, serta alamat tidak berubah, maka, kemungkinan besar, dia akan mengarah pada palsu dan memperkenalkan login dan kata sandinya, yang pada kenyataannya akan pergi ke penyerang.
Satu-satunya hal yang dapat disebabkan oleh kecurigaan adalah alamat lain di halaman, tetapi dapat dilakukan dengan sangat mirip dengan yang asli, dan pada perangkat seluler sering disembunyikan secara default.
Pengobatan
Untungnya, dimungkinkan untuk memperbaiki semuanya dengan mudah: ke semua tautan dengan target \u003d "_ kosong" Anda juga perlu menambahkan atribut rel \u003d "noideener noreferrer".
Jika Anda tidak akan menunggu sampai perbaikan di situs dan di browser, kami sarankan untuk menambahkan ke tampermonkey / greasemonkey skrip pengguna berikutnya:
// \u003d\u003d userscript \u003d\u003d // @name null opener objek // @namespace nullopenerobjectns // @description membersihkan jendela. Objekopeer. // @Version 1 // @grant tidak ada // @ run-in docum-start // \u003d\u003d / userscript \u003d\u003d (fungsi () ("gunakan ketat"; null;)) ()) ();
Secara default, ketika Anda pergi pada tautan, dokumen terbuka di jendela atau bingkai saat ini. Jika perlu, kondisi ini dapat diubah oleh atribut target tag . Dalam XHTML, penggunaan atribut ini dilarang.
Sintaksis
...Atribut Wajib
Nilai-nilai
Nama jendela atau bingkai digunakan sebagai nilai yang ditentukan oleh atribut nama. Jika nama yang tidak ada diinstal, jendela baru akan dibuka. Berikut ini digunakan sebagai nama yang dipesan.
Kosong mengunduh halaman ke jendela browser baru. _Self memuat halaman ke jendela saat ini. _Parent memuat halaman menjadi bingkai induk jika tidak ada bingkai, maka nilai ini berfungsi sebagai _self. _Top membatalkan semua bingkai dan mengunduh halaman di jendela browser penuh jika tidak ada bingkai, nilai ini berfungsi sebagai _self.
Nilai default.
Validasi.
Menggunakan atribut ini dikutuk oleh spesifikasi HTML, kode yang valid hanya diperoleh saat menggunakan transisi .
Html5 yaitu cr op sa fx
Buka di jendela baru
Saya senang menyambut Anda di situs blog! Dalam artikel hari ini kita akan mulai berbicara tentang bahasa markup hypertext html.. Publikasi ini akan menjadi yang pertama dari jenisnya (dan jauh dari yang terakhir), karena sebelum saya tidak menulis hal seperti ini.
Rencana POST:
Tapi sekarang, ketika saya mencetak pengetahuan yang diperlukan dan memeriksa mereka dalam praktik, saya akan senang membaginya dengan pembaca saya dengan senang hati. Bagaimanapun, tidak heran berapa banyak waktu dan waktu pada tahap awal dihabiskan, misalnya, untuk mengetahui, cara memasukkan tautan kehtml.. Secara alami, setelah membaca posting saya, Anda juga akan mengetahuinya dan dapat melakukannya.
Secara umum, perlu dicatat itu tag tautan Hanya perlu dalam pekerjaan pengoptimal, karena roti mereka, itu hanya optimasi mesin pencari dan, dan tentu saja tanpa tautan ke guru di daerah SEO, mereka kemungkinan besar tidak melakukan apa yang harus dikatakan tentang blogger biasa :).
Mungkin, tag referensi HTML.SEBUAH. Ini adalah salah satu dari saya yang paling banyak digunakan, pada seri, dengan tag IMG yang diperlukan untuk menampilkan gambar dalam teks. Rata-rata, di setiap artikel yang diterbitkan oleh saya, sekitar lima referensi ditempelkan, baik di halaman domestik maupun eksternal.
Jangan lupakan itu tag untuk situshtml. Digunakan tidak hanya ketika menulis posting. Juga, mereka akan dibutuhkan ketika mengubah kode templat yang Anda tetapkan pada CMS WordPress atau sistem manajemen situs lainnya.
Karena itu, Anda perlu mempelajari setidaknya yang paling mendasar html tagSehingga di masa depan tidak memiliki masalah saat bekerja dengan referensi. Misalnya, jika Anda menggunakan "editor visual" ketika Anda menulis artikel Anda, itu tidak terlalu baik, karena jika editor ini tidak berfungsi, Anda bahkan tidak akan tahu kode dasar untuk meletakkan tautan.
Secara umum, pengetahuan tentang konsep dasar dalam bahasa markup HTML, saya percaya, akan sangat membantu Anda dan menyederhanakan kehidupan. Semua sama, waktu Anda akan menghabiskan sekarang untuk belajar, mungkin materi baru untuk Anda, itu tidak akan dihabiskan dengan sia-sia.
Ada juga banyak nuansa yang membuat Anda menjadi pekerjaan, dan tentang yang Anda baca di bawah dalam artikel saya - ini rel \u003d "nofollow ", Aku. target \u003d "_kosong ", dan jauh lebih menarik terkait dengan referensi.
Tag referensi A - Buat hyperlink dalam dokumen HTML dengan jangkar dan tanpanya
Karena saya sudah berhasil melihat di atas, tautannya adalah salah satu tag HTML yang paling banyak digunakan. Mereka diperlukan agar pengguna dapat beralih ke yang lain tanpa banyak upaya dari satu dokumen dengan satu klik mouse.
Namun, untuk menentukan jalur hyperlink, Anda harus menggunakan atributhref.. Berkat dia, Anda juga dapat menentukan URL halaman yang ingin Anda rujuk. Ini bisa menjadi halaman dalam situs Anda dan halaman-halaman sumber daya lainnya di World Wide Web.
Jangkar HTML TAG Referensi faktor signifikan yang memperhitungkan robot pencarian akun, sehingga perlu Anda perhatikan. Saya sarankan menggunakan dalam kata kunci jangkar yang Anda inginkan artikel Anda untuk mendapatkan posisi pertama dalam ekstradisi.
Setelah mengerti sedikit dengan teori hyperlink dalam dokumen HTML, Anda dapat melanjutkan ke contoh visual. Kode ini akan memiliki tautan:
Seperti yang Anda lihat, tautan dimulai dengan braket pembuka "<», затем идет html тег A, после него должен быть обязательный атрибут href и знак равенства. Далее, следуют две скобки следующего типа – «”», между ними нужно указать URL адрес ссылающегося ресурса, при использовании «http://». Затем, нужно указать анкор ссылки и в конце концов закрыть тег ссылки А при помощи «».
Juga, saya menyarankan Anda untuk menggunakan Blessing Links, seolah-olah hanya hyperlink dengan jangkar yang ada di sumber daya Anda, itu dapat menyebabkan pertanyaan dari mesin pencari dan menyebabkan konsekuensi yang buruk. Tentunya, Anda mendengar tentang algoritma Google yang populer, yang memiliki judul penguin yang menakutkan :).
Membuka tautan di jendela baru. Target atribut _blank.
Nah, dengan tag HTML dan tahu, tetapi tidak semuanya. Masih banyak atribut yang bermanfaat bagi Anda saat bekerja dengan referensi. Salah satu diantara mereka - atributtarget _blank..
Diperlukan untuk dokumen yang dimasukkan ke HTML, tautan dibuka di jendela browser Internet baru. Ini sangat berguna ketika Anda menulis satu artikel massal dan merujuk ke publikasi masa lalu Anda. Dengan demikian, pengguna dapat dibaca tetap terbuka, dan tautan terbuka sudah ada pada tab lain di browser.
Target kosong.hTML menggunakan sangat sering bagaimana itu membantu, dalam hal perilaku pengunjung di situs Anda, yaitu, mempengaruhi faktor perilakunya. Oleh karena itu, jika Anda masih tidak menggunakan atribut target dengan parameter _blank, saya sarankan untuk membaca bagian ini dengan sangat hati-hati.
Seperti yang Anda perhatikan, perbedaan khusus di mana atribut yang diperlukan akan ditempelkan - tidak, karena pesanan mereka tidak masalah di dalam tag HTML.
Rel atribut nofollow dan tag noindex. Tutup referensi dari indeksasi
Kami akan melanjutkan untuk bekerja dengan atribut rel tautan dalam dokumen HTML. Atribut ini dengan parameter nofollow digunakan untuk tidak mengirimkan berat halaman Anda pada yang lain.
Seperti yang Anda ketahui di halaman mana pun, bahkan dalam hal itu dibuat dan tidak memiliki referensi eksternal dari sumber daya lain adalah berat badan Anda, yang di atas nol. Pengguna tidak dapat melihat ini, tetapi di sini ada semua mesin pencari yang memperhitungkan.
Oleh karena itu, bobot bagian dalam halaman Anda tidak mengapung dari Anda, beberapa tautan perlu masuk ke atribut rel nofollow.. Referensi yang mencakup atribut ini tidak akan mengirimkan bobot ke situs lain.
Tentu saja, atributrel nofollow.anda tidak boleh menggunakan ketika Anda merujuk ke halaman internal situs Anda, karena transfer internal yang kompeten adalah kunci untuk berhasil mengoptimalkan sumber daya dan pengembangannya lebih lanjut.
Saya menggunakan atribut yang disebutkan di atas hanya jika saya merujuk ke situs eksternal. Misalnya, seperti yang mungkin Anda perhatikan, seringkali di akhir artikel Anda, saya menawarkan Poshili untuk menjadi pembaca saya di Twitter (), dan saya memberikan tautan ke akun saya, secara alami saya menyimpulkan tautan ini di Rel Nofollow. Sepertinya ini:
Sekali lagi, di mana rel akan ditempatkan dengan parameter nofollow, sebelum atribut href atau setelah itu tidak masalah. Juga dalam tautan seperti itu tidak boleh diresepkan kata kunci di jangkar, karena tidak masuk akal, karena kita sudah membuat tautannofollow.Jadi itu tidak menambah berat badan.
Sekarang layak dibahas menandainoindex.. Ini melayani bahwa robot pencarian tidak mengindeks elemen-elemen halaman yang tidak diperlukan. Dengan itu, ini tidak hanya berlaku untuk hyperlink, tetapi juga bagian teks tertentu.
Ngomong-ngomong, saya pergi ke situs mana pun segera melihat di mana hyperlink ditutup dari pengindeksan, dan di mana pun yang terbuka. Semua berkat tambahan yang sangat baik untuk browser Opera. Juga, dengan plugin ini, saya dapat melacak parameter sumber daya lain, seperti, serta alexarak.
Tautan jangkar dan bagaimana cara melakukannya. Nama atribut.
Dan sekarang saya mungkin, bagi banyak orang, saya akan membuka hal yang sangat menghibur ketika bekerja dengan referensi. Secara pribadi, saya belajar tentang hal itu hanya setelah setengah tahun saya menggunakan WordPress. Jadi, sekarang akan tentang jangkar Links..
Terima kasih padanya, serta bila digunakan hash Links., Itu dapat dirujuk tidak hanya pada beberapa jenis artikel, tetapi juga di tempatnya, yang diperlukan, yaitu pada bagian teks tertentu. Ini mati rasa ketika publikasi sangat banyak dan menemukan informasi yang diperlukan akan sulit di atasnya.
Pada awalnya, perlu dalam artikel yang ingin Anda rujuk untuk memilih bagian teks ke mana halaman di browser Internet akan digulir. Artinya, jika Anda memberikan tautan, katakanlah tentang pengaturan (bukan contoh jangkar), maka atribut nama harus ditempatkan di situs publikasi yang diperlukan.
Seperti yang Anda lihat, atribut nama tidak memiliki arcor, karena jangkar terdiri dari tag pembukaan dan penutup A. Parameter atribut Anda harus menentukan sendiri, itu ditunjukkan setelah tanda kesetaraan dan tanda kurung, seperti yang ditunjukkan pada contoh .
Sekarang langsung di pos baru Anda harus menentukan tautan hash menggunakan jangkar yang sudah disiapkan sebelumnya. Dengan demikian, tautan akan terbuka sekaligus tempat dalam teks yang Anda butuhkan. Tautan hash ini akan memiliki bentuk berikut:
Setelah itu, pembaca situs Anda akan dapat melewati tautan tersebut untuk sampai ke area tertentu pada halaman.
Nah, pada ini, saya memiliki segalanya jika ada pertanyaan, tanyakan pada komentar. Saya perhatikan bahwa ini bukan artikel terbaru tentang HTML, di masa mendatang akan ada lebih banyak publikasi tentang topik ini.
Epilog video: artis dengan sangat cepat menggambar gambar pada kaca
Satu-satunya nilai target yang saat ini relevan adalah _blank. Nilai target lainnya digunakan untuk menentukan bingkai tertentu. Namun, bingkai telah ditinggalkan dalam HTML5.
Target default.
Jika tidak ada target yang ditentukan, tautan akan terbuka dalam konteks saat ini, kecuali jika pengguna atau browser menentukan sebaliknya.
target \u003d "_ blank" terbuka di tab browser baru (atau jendela)
Atribut target menentukan di mana dokumen yang ditautkan akan terbuka ketika tautan diklik. Standarnya adalah jendela saat ini. Jika target \u003d "_ blank", dokumen yang ditautkan akan terbuka di tab baru atau (pada alisnya jendela baru.
Mengapa terbuka di browser baru?
Alasan paling umum untuk menggunakan `target \u003d" _ blank "adalah bahwa tautan offsite terbuka di tab terpisah. Ini memungkinkan pengguna untuk mengklik referensi dan kembali ke sana nanti dengan meninggalkan halaman saat ini. Ini membuat pengunjung di situs Anda lebih lama dan lebih megah dari sebagian besar metrik Anda: rasio bouncing, konversi, halaman yang dikunjungi.
Buka semua tautan eksternal di tab baru dengan Javascrip
Anda tidak perlu menambahkan target \u003d "_ kosong" ke setiap tautan di situs Anda. Jika Anda menautkan banyak (yang harus Anda lakukan), mudah untuk menambahkan beberapa kode Javascript ke situs Anda dan mengubah semua tautan eksternal menjadi _Blank tautan secara otomatis.
jQuery (Document.Links) .Filter (fungsi () (kembalikan ini.hostname! \u003d window.location.hostname;)) .attr ("target", "_blank");
(Anda dapat melihat bentuk yang sedikit dimodifikasi dari kode ini dalam tindakan pada setiap. Ini digunakan dalam kerangka kerja paling populer dan sistem manajemen konten, termasuk bootstrap wordpress, drupal, dan twitter. Jika Anda perlu melakukannya tanpa jQuery, itu bisa dilakukan juga. Ini adalah versi "JavaScript" "polos":
Fungsi externallinks () (untuk (var c \u003d document.getElementsBytagname ("A"), a \u003d 0; a< c.length;a++) { var b = c[a]; b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank") } } ; externalLinks();
Selain membuatnya lebih mudah, ini membersihkan markup Anda secara signifikan.
Alasan untuk tidak menggunakan `target \u003d" _ kosong "
Beberapa orang berpendapat bahwa pengguna tidak lebih suka membuka tautan dalam konteks penelusuran baru. Mereka berpikir bahwa melakukannya mirip dengan iklan popup dan perilaku menjengkelkan lainnya. Dengan munculnya penjelajahan tab. , Argumen ini sebagian besar hilang. Sebagian besar pengguna lebih suka membuka tautan di tab baru, karena memungkinkan mereka untuk datang antrian rujukan tautan untuk membaca nanti tanpa kehilangan konteks penelusuran mereka saat ini.
Nilai atribut target
| Nama nilai. | Catatan. |
|---|---|
| _Kosong. | Membuka dokumen yang ditautkan di tab atau jendela baru. |
| _Induk. | Membuka tautan dalam bingkai induk. Frame sudah usang di HTML5. |
| _Diri. | Buka tautan dalam bingkai saat ini. |
| _Puncak. | Membuka tautan dalam bingkai paling atas. Frame sudah usang di html5. |
| nama bingkai. | Membuka tautan dalam bingkai bernama. Frame sudah usang di html5. |
Deskripsi
Anda dapat mendefinisikan jendela di mana halaman web akan diunduh dengan referensi. Untuk melakukan ini, gunakan atribut target, nama jendela atau bingkai ditentukan sebagai nilainya. Jika target tidak diatur, hasilnya dikembalikan ditampilkan di jendela saat ini.
Sintaksis
Nilai-nilai
Nilai jendela atau bingkai digunakan sebagai nilai. Jika nama yang tidak ada diinstal, jendela baru akan dibuka. Berikut ini digunakan sebagai nama yang dipesan.
Kosong mengunduh halaman ke jendela browser baru. _Self memuat halaman ke jendela saat ini. _Parent memuat halaman menjadi bingkai induk jika tidak ada bingkai, maka nilai ini berfungsi sebagai _self. _Top membatalkan semua bingkai dan mengunduh halaman di jendela browser penuh jika tidak ada bingkai, nilai ini berfungsi sebagai _self.
Jika untuk tag
Nilai default.
Validasi.
Menggunakan atribut ini dikutuk oleh spesifikasi HTML, kode yang valid hanya diperoleh saat menggunakan transisi .
Contoh 1. Membuka tautan di jendela baru
Contoh 2.
Browser: Tabel Ponsel ?
| Internet Explorer. | Chrome. | Opera. | Safari. | Firefox. |
| 2 | 1 | 2 | 1 | 1 |
| Android. | Firefox Mobile. | Opera Mobile. | Safari Mobile. |
| 1 | 1 | 6 | 1 |
✖
Browser
Tabel browser menerapkan notasi berikut.
- - Elemen sepenuhnya didukung oleh browser;
- - Peramban elemen tidak dirasakan dan diabaikan;
- - Saat bekerja, dimungkinkan untuk tampil berbeda, atau item didukung dengan pemesanan.
Nomor menunjukkan versi browser mulai dari mana item didukung.
