1. Home
  2. สนับสนุนเบราว์เซอร์ HTML5

บทช่วยสอน สนับสนุนเบราว์เซอร์ HTML5 ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ สนับสนุนเบราว์เซอร์ HTML5,องค์ประกอบ HTML5 ถูกกำหนดให้เป็นองค์ประกอบบล็อก,ตัวอย่าง,การเพิ่มองค์ประกอบใหม่เพื่อ HTML,ตัวอย่าง,ปัญหาเบราว์เซอร์ Internet Explorer,ชีฟโซลูชั่นที่สมบูรณ์แบบ,ตัวอย่าง,

สนับสนุนเบราว์เซอร์ HTML5

คุณสามารถให้เบราว์เซอร์รุ่นเก่าบาง (ไม่สนับสนุน HTML5) การสนับสนุนสำหรับ HTML5

สนับสนุนเบราว์เซอร์ HTML5

เบราว์เซอร์ที่ทันสมัยรองรับ HTML5

นอกจากนี้เบราว์เซอร์ทั้งหมดรวมทั้งเก่าและใหม่ขององค์ประกอบที่ไม่รู้จักจะได้รับการประมวลผลโดยอัตโนมัติเป็นองค์ประกอบแบบอินไลน์

ด้วยเหตุนี้คุณสามารถ"คริสตจักร" เบราว์เซอร์จัดการ "ไม่ทราบ"องค์ประกอบ HTML

หมายเหตุ คุณยังสามารถคริสตจักร IE6 (Windows XP 2001) เบราว์เซอร์จัดการองค์ประกอบ HTML ที่ไม่รู้จัก

องค์ประกอบ HTML5 ถูกกำหนดให้เป็นองค์ประกอบบล็อก

ชุด HTML5 แปดความหมายใหม่ HTML (ความหมาย) องค์ประกอบ ทั้งหมดขององค์ประกอบเหล่านี้เป็นองค์ประกอบระดับบล็อก

เพื่อให้รุ่นเก่าของเบราว์เซอร์ที่จะแสดงองค์ประกอบเหล่านี้อย่างถูกต้องคุณสามารถตั้งค่าการแสดงผล CSS มูลค่าทรัพย์สินบล็อก:

ตัวอย่าง

ส่วนหัวส่วนท้ายกัน NAV หลักบทความร่าง { จอแสดงผล: กลุ่ม ;}

การเพิ่มองค์ประกอบใหม่เพื่อ HTML

คุณสามารถเพิ่มองค์ประกอบใหม่เพื่อ HTML

ตัวอย่างขององค์ประกอบใหม่ที่เพิ่มให้ HTML และองค์ประกอบรูปแบบที่กำหนดไว้สำหรับองค์ประกอบที่เรียกว่า <myHero>:

ตัวอย่าง

<! DOCTYPE html> <html> <head> <Meta charset = "UTF-8"> <title> HTML เพื่อเพิ่มองค์ประกอบใหม่ </ title> <script>
เอกสาร. createElement ( "myHero")
</ script> <style>
myHero { จอแสดงผล: กลุ่ม ; background-color: #ddd ; แผ่นรอง: 50 px ; Font-size: 30 px ;}
</ style> </ head> <body> <h1> ชื่อแรกของฉัน </ h1> <p> วรรคแรกของฉัน </ p> <MyHero> องค์ประกอบใหม่ครั้งแรกของฉัน </ myHero> </ body> </ html>

ลอง»

คำสั่ง JavaScript document.createElement ( "myHero") คือการเพิ่มองค์ประกอบใหม่ในเบราว์เซอร์

ปัญหาเบราว์เซอร์ Internet Explorer

คุณสามารถใช้มากกว่าหนึ่งวิธีในการเพิ่มเบราว์เซอร์ HTML5 องค์ประกอบ IE แต่:

หมายเหตุ Internet Explorer 8 และรุ่นก่อนหน้านี้ของเบราว์เซอร์ IE ไม่สนับสนุนมากกว่าหนึ่งวิธี

เราสามารถใช้ Sjoerd Visscher สร้าง "HTML5 การเปิดใช้งานจาวาสคริ", "ชีฟ " ในการแก้ปัญหา:

<! - [if LT IE 9]>
<script src = "#"> </ script>
<! [Endif] ->

รหัสข้างต้นเป็นความเห็นบทบาทเมื่อ IE รุ่นเบราว์เซอร์น้อยกว่า IE9 จะอ่านไฟล์ html5.js และแยกมัน

หมายเหตุ: โปรดผู้ใช้ในประเทศใช้เว็บไซต์พื้นที่เก็บข้อมูลแบบคงที่ (ความไม่แน่นอนเก็บของ Google ในประเทศ):

<! - [if LT IE 9]>
<script src = "#"> </ script>
<! [Endif] ->

เบราว์เซอร์สำหรับ IE html5shiv เป็นทางออกที่ดีกว่า วิธีการแก้ปัญหาหลัก html5shiv เสนอองค์ประกอบ HTML5 ใหม่ IE6-8 ไม่รู้จักองค์ประกอบใหม่เหล่านี้ไม่สามารถห่อเป็นโหนดแม่องค์ประกอบของเด็กและไม่สามารถนำไปใช้รูปแบบ CSS

ชีฟโซลูชั่นที่สมบูรณ์แบบ

ตัวอย่าง

<! DOCTYPE html>
<html>
<head>
<Meta charset = "UTF-8">
<title> Render HTML5 </ title>
<! - [if LT IE 9]>
<script src = "#"> </ script>
<! [Endif] ->
</ head>

<body>

<h1> บทความแรกของฉัน </ h1>

<บทความ>
กวดวิชานี้ - วิทยาศาสตร์ไม่ได้เป็นเพียงเทคโนโลยี แต่ยังฝัน! ! !
</ บทความ>

</ body>
</ html>

ลอง»

รหัสอ้างอิง html5shiv.js จะต้องอยู่ใน <head> เพราะเบราว์เซอร์ IE เมื่อแยก HTML5 องค์ประกอบใหม่ต้องโหลดไฟล์

บทแนะนำยอดนิยม

Contact US

สนับสนุนเบราว์เซอร์ HTML5
10/30