HTML5 มีการเพิ่มแท็กหลายตัว เช่น  article  section  nav  aside  สำหรับมาร์คอัพเนื้อหา แท็ก video audio สำหรับแทรกไฟล์วีดีโอหรือไฟล์เสียงเป็นต้น ซึ่งถ้าเป็นบราวเซอร์ตัวใหม่ๆ ที่สนับสนุน HTML5 อยู่แล้วการแทรกแท็กพวกนี้เข้าไปใน HTML การแสดงผลก็เป็นไปตามที่เราออกแบบไว้ อย่างไม่มีปัญหา

สำหรับยูสเซอร์ที่ใช้ IE8 หรือต่ำกว่า มันจะไม่เข้าใจแท็กต่างๆ เหล่านี้ เราจึงจำเป็นต้องเพิ่มโค๊ดพิเศษลงไป ก่อนที่เราจะปิดแท็ก </ head> ดังนี้ครับ

<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js">
</script>
<![endif]-->

โดยแท็กพิเศษที่เราเพิ่มลงไปนี้เราเรียกว่า “Internet Explorer Conditional Comment” หรือ IECC  เพื่อให้บราวเซอร์ที่เป็น IE เวอร์ชั่นที่น้อยกว่า 9 ลงไป(เวอร์ชั่น 6-8) แทรกจาวาสคริปต์บางส่วนเพื่อให้ “รู้จัก” แท็ก HTML5 (สคริปต์นี้คือ html5shiv ครับ ) ส่วนบราวเซอร์ IE9 ขึ้นไปหรือบราวเซอร์ค่ายอื่นจะมองเป็นคอมเมนต์ ซึ่งจะไม่ประมวลผลในส่วนนี้ครับ

ซึ่งคำว่า “รู้จัก” ในที่นี้หมายถึงทำให้ บราวเซอร์เหล่านั้นรู้ว่าแท็กเหล่านั้นจะพิมพ์หรือแสดงผลออกมาอย่างไรเท่านั้นนะครับ(เรียกว่ารู้จักแต่ไม่ได้เข้าใจ) เนื่องจากบางอย่างบราวเซอร์ไม่มีความสามารถเพียงพอครับ ผมขอยกตัวอย่างเช่น หากเราแทรกแท็ก video เข้าไป IE8 จะไม่สามารถเล่นไฟล์วีดีโอที่เราแทกมาได้ครับ

Advertisements

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s