ความคิดเห็น: HTML5 ให้แท็กใหม่ ๆ มากมายเช่นส่วน, NAV, บทความ, ส่วนหัวและส่วนท้าย แท็กเหล่านี้มีความหมายสูงและจะถูกใช้บ่อย แต่พวกเขาไม่ได้รับการยอมรับและใช้ตามปกติในเบราว์เซอร์เก่าเช่น IE6, IE7, IE8 และ Firefox 2 สิ่งนี้มักจะโกรธโดยชาวเน็ตหลายคน ถัดไปวิธีกำจัดความโกรธนี้
HTML5 ให้แท็กใหม่มากมายเช่นส่วน, NAV, บทความ, ส่วนหัว, ส่วนท้ายและอื่น ๆ แท็กเหล่านี้มีความหมายสูงและจะถูกใช้บ่อย แต่ไม่สามารถรับรู้และใช้ตามปกติในเบราว์เซอร์เก่าเช่น IE6, IE7, IE8 และ Firefox 2
ทำไมเบราว์เซอร์สมัยเก่าถึงไม่รู้จักแท็กเหล่านี้?ในความเป็นจริงความผิดไม่ใช่เบราว์เซอร์เพราะแท็กประเภทนี้ไม่ได้มีอยู่ในยุคนั้นดังนั้นจึงไม่สามารถระบุได้อย่างถูกต้อง การจดจำแท็กที่ผิดปกตินี้ทำให้โครงสร้าง DOM ผิดปกติ
เรามีรหัสทดสอบดังนี้ มันเป็นเนื้อหาบทความที่มีชื่อเรื่องและคำสีน้ำเงินและเนื้อหาบทความใช้แท็กบทความ
<! doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml" lang = "zh-cn">
<head>
<meta charset = "utf-8" />
<title> ทดสอบ </title>
<style>
บทความ {สี:#06f;}
</style>
</head>
<body>
<h1> ชื่อบทความ </h1>
<บทความ>
นี่คือเนื้อหาของบทความมันควรเป็นข้อความสีน้ำเงิน ในเบราว์เซอร์เก่าถ้าคุณไม่แฮ็กจะมีข้อยกเว้นจะปรากฏขึ้น
</บทความ>
</body>
</html>
ใน IE8 มีการแสดงต่อไปนี้
IE8 ไม่สามารถจดจำแท็กบทความและสไตล์ CSS ที่กำหนดไว้ในแท็กไม่มีผล ใน IE8 <sarticle> ถูกตีความว่าเป็นองค์ประกอบแท็กที่ว่างเปล่าสององค์ประกอบชื่อ <บทความ /> และ < /บทความ /> ซึ่งแสดงเป็นโหนดพี่ชายพร้อมกับเนื้อหาบทความดังแสดงในรูปด้านล่าง
วิธีใช้แท็ก HTML5 ในเบราว์เซอร์สมัยเก่า?เนื่องจากไม่สามารถใช้งานได้เพราะไม่สามารถจดจำได้การแก้ปัญหาคือการทำให้แท็กเป็นที่รู้จัก โชคดีที่ใช้ document.createElement (tagname) สามารถให้เบราว์เซอร์รับรู้แท็กและเครื่องยนต์ CSS รู้ว่าการมีอยู่ของแท็ก สมมติว่ารหัสต่อไปนี้จะถูกเพิ่มเข้าไปในพื้นที่ <head> ของตัวอย่างของเราด้านบน
<script>
document.createElement ('บทความ');
</script>
คำอธิบาย DOM ใน IE8 จะกลายเป็นตัวเลขต่อไปนี้
โดยธรรมชาติข้อความยังปรากฏเป็นสีน้ำเงินปกติ
บทสรุปบล็อกได้เปลี่ยนเป็นการเขียน HTML5 มานาน แต่เนื่องจากผู้ใช้จำนวนมากไม่ใช้เบราว์เซอร์ล่าสุดพวกเขาจึงใช้ชุดแท็ก HTML4 แท็กจำนวนมากใน HTML5 นั้นมีความหมายและใช้งานได้จริง ฉันเริ่มลองแท็กที่ใช้กันทั่วไปและตอนนี้พวกเขาใช้บทความและแท็กเวลา