บทที่ 2 ความยืดหยุ่น ของ HTML5

       บทนี้จะพูดถึงเรื่อง ความยืดหยุ่นของ HTML5 ต่อการเขียนเว็บ
ปัญหาของการเขียน HTML ปกติถ้าคุณปิด แท็กไม่ครบ เช่น คุณอาจจะลืมใส่แท็ก <body> หรือลืมปิด
แท็ก </body> ซึ่งก็จะทำให้เว็บคุณเกิดข้อผิดพลาดในการแสดงผลครับ
ปัญหาเหล่านี้คุณจะไม่พบเมื่อคุณใช้ HTML5 เขียน !

โค้ด HTML ปกติ ถ้ามีแท็กเปิด ก็ต้องมีแท็กปิดด้วย  เช่น
<h1> Psych! Die Wil Wheaton! </h1>


แต่ถ้าใช้ HTML5 เช่นถ้าคุณเขียนแบบนี้

<!DOCTYPE html>
<meta charset=utf-8>
<title> Wil Wheaton Fan Site </title>
<h1> Psych! Die Wil Wheaton! </h1>

โดยที่ไม่มีไม่แท็ก <body> และไม่มีแท็กปิด </body> ซึ่งไม่ไปเป็นไปตามแบบมาตฐานของ HTML ซึ่งเกิดจากคุณลืมใส่ หรือ ตั้งใจจะไม่ใส่ ก็ตาม ก็ไม่เป็นไรครับ HTML5 จะสร้่างแท็กเหล่านี้ที่คุณไม่ได้ไส่ หรือไม่ได้ปิดแท็กให้ เวลาที่คุณนำไปรันบนเว็บ บาวเซอร์ ให้ครับ

ตัวอย่างด้านล่างนี้ เป็นผลจากการรันโค้ดด้านบน ในบา่วเซอร์
                                       
     เมื่อคุณคลิกขวา เพื่อ view ดูโึค้ด จะเห็นว่าแท็ก HTML5 ถูกสร้างใว้ครบ เป็นไปตามมาตฐาน
คือมีแท็ก <html> , <head> , <body> ซึ่งมีแท็กปิดใว้ให้แล้วด้วย









0 comments:

Post a Comment