สนับสนุนเบราว์เซอร์ 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 = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script>
<! [Endif] ->

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

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

<! - [if LT IE 9]>
<script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ 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 = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script>
<! [Endif] ->
</ head>

<body>

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

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

</ body>
</ html>

ลอง»

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

ตัวอย่าง HTML: ก่อนหน้านี้

ถัดไป: อินสแตนซ์ชวา - ผู้ผลิต / ปัญหาผู้บริโภค

HTML หลักสูตร

HTML5

HTML สื่อ

HTML คู่มืออ้างอิง

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