_kosong membuka tetingkap baharu tidak mematuhi piawaian?_CSS/HTML

Artikel ini merujuk kepada artikel berikut:

• Kevin Yank"Pautan Tetingkap Baharu dalam Dunia yang Mematuhi Piawaian"
• 《Penggantian berasaskan standard untuk target="_blank" dalam pautan Luaran》

Cara biasa untuk membuka pautan dalam tetingkap baharu adalah dengan menambah target="_blank" selepas pautan Tiada masalah apabila kita menggunakan DOCTYPE peralihan (xh tml1-transitional. dtd), tetapi apabila kita menggunakan DOCTYPE yang ketat (xhtml1-strict.dtd), kaedah ini akan gagal dalam pengesahan W3C dan mesej ralat berikut akan muncul:

"tiada atribut sasaran untuk elemen ini (dalam versi HTML ini)"

Ternyata di bawah DOCTYPE ketat HTML4.01/XHTML1.0/XHTML1.1, target="_blank", target="_self" dan sintaks lain adalah tidak sah dan kami hanya boleh melaksanakannya melalui JavaScript.

Seorang kawan bertanya mengapa target="_blank" tidak dibenarkan digunakan? Atribut ini sangat mudah. Haha, saya tidak tahu apa yang difikirkan oleh pakar W3C Setakat yang saya tahu, ia adalah terutamanya mengenai "kemudahan penggunaan dan keramahan", kerana orang asing berpendapat adalah tidak sopan untuk membuka tetingkap baharu tanpa persetujuan pengguna atau gesaan yang jelas. daripada. Tidak kira sama ada pembatalan ini munasabah atau tidak, mari kita lihat penyelesaiannya.

atribut rel

HTML4.0 menambah atribut baharu: rel Atribut ini digunakan untuk menerangkan hubungan antara pautan dan halaman yang mengandungi pautan, serta sasaran pautan. rel mempunyai banyak nilai atribut, seperti seterusnya, sebelumnya, bab, bahagian, dll. Apa yang kita mahu gunakan ialah atribut rel="externa l". Kod asal ditulis seperti ini:

Buka tetingkap baharu

Sekarang tulis seperti ini:

Buka tetingkap baharu

Ini adalah kaedah yang mematuhi piawaian yang ketat. Sudah tentu, ia mesti digabungkan dengan javascript untuk menjadi berkesan.

javascript

Kod lengkap JS adalah seperti berikut:

function externallinks() { 
 if (!document.getElementsByTagName) return; 
 var anchors = document.getElementsByTagName("a"); 
 for (var i=0; i<anchors.length; i++) { 
  var anchor = anchors[i]; 
  if (anchor.getAttribute("href") && 
    anchor.getAttribute("rel") == "external") 
   anchor.target = "_blank"; 
 } 
} 
window.onload = externallinks;

Anda boleh menyimpannya sebagai fail .js (seperti external.js), dan kemudian memanggilnya melalui kaedah sambungan luaran:

Itu sahaja.

Akhir sekali, target="baru" yang digunakan oleh tapak web saya dibenarkan di bawah DOCTYPE peralihan, tetapi ia tidak memenuhi piawaian yang ketat. Saya akan menggunakan mod ketat dalam semakan seterusnya dan menukar semua target="baru" kepada rel="luaran".