การแนะนำบทความของ wulin.com (www.vevb.com): บล็อกได้เปลี่ยนเป็นการเขียน HTML5 มานาน แต่ผู้ใช้หลายคนไม่ได้ใช้เบราว์เซอร์ล่าสุดและใช้ชุดแท็ก HTML4 HTML5 มีแท็กมากมายที่มีความหมายและใช้งานได้จริง ฉันเริ่มลองแท็กที่ใช้กันทั่วไปและตอนนี้ฉันใช้บทความและแท็กเวลา
HTML5 ให้นักพัฒนาที่มีแท็กใหม่มากมายเช่นส่วน, NAV, บทความ, ส่วนหัวและส่วนท้าย แท็กเหล่านี้มีความหมายสูงและจะถูกใช้บ่อย แต่ไม่สามารถจดจำและใช้งานได้ตามปกติในเบราว์เซอร์เก่าเช่น IE6, IE7, IE8 และ Firefox 2
ทำไมเบราว์เซอร์สมัยเก่าถึงไม่รู้จักแท็กเหล่านี้?
ในความเป็นจริงความผิดไม่ใช่เบราว์เซอร์เพราะแท็กประเภทนี้ไม่ได้มีอยู่ในยุคนั้นดังนั้นจึงไม่สามารถระบุได้อย่างถูกต้อง การจดจำแท็กที่ผิดปกตินี้ทำให้โครงสร้าง DOM ผิดปกติ
เรามีรหัสทดสอบดังนี้ มันเป็นเนื้อหาบทความที่มีชื่อเรื่องและคำสีน้ำเงินและเนื้อหาบทความมีป้ายกำกับด้วยบทความ
<! doctype html><html xmlns = 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 มีแท็กมากมายที่มีความหมายและใช้งานได้จริง ฉันเริ่มลองแท็กที่ใช้กันทั่วไปและตอนนี้ฉันใช้บทความและแท็กเวลา