HTML 5 ถือเป็นก้าวสำคัญต่อไปในการสร้างเว็บที่มีความหมายมากขึ้น ขึ้นอยู่กับว่าคุณถามใคร หรือเป็นหายนะที่ทำให้เว็บสับสนโดยมีแท็กและแท็กที่ไม่สมบูรณ์ปะปนกัน
ปัญหาของทั้งสองฝ่ายในการอภิปรายก็คือ มีไซต์เพียงไม่กี่แห่งที่ใช้ HTML 5 ในสภาพแวดล้อมทางธรรมชาติ ดังนั้นวิธีแก้ปัญหาทางทฤษฎีสำหรับปัญหาที่เป็นที่รู้จักในขณะนี้จึงยังไม่ผ่านการทดสอบเป็นส่วนใหญ่
ถึงกระนั้น การเห็นประโยชน์และข้อผิดพลาดที่อาจเกิดขึ้นของเครื่องมือมาร์กอัปเครือข่ายยุคถัดไปก็ไม่ใช่เรื่องยาก
เนื้อหา
HTML 5 แตกต่างอย่างไร?
ก่อนอื่น เราจะแสดงอะไรผ่าน HTML 5? ก่อนอื่น เราหมายถึงอะไรโดย HTML 5 ในทางทฤษฎี เราแสดงทุกอย่าง - แท็กโครงสร้างความหมายใหม่ เช่น ข้อกำหนด API ของ canvas หรือพื้นที่เก็บข้อมูลออฟไลน์ และแท็กความหมายแบบอินไลน์ใหม่ อย่างไรก็ตาม เราจำกัดเหตุผลในทางปฏิบัติ (PS: ปัญหาการสนับสนุนเบราว์เซอร์) ไว้เฉพาะแท็กโครงสร้างเท่านั้น Canvas, พื้นที่เก็บข้อมูลออฟไลน์, วิดีโอในตัวเครื่อง หรือ API การระบุตำแหน่งทางภูมิศาสตร์ล้วนแล้วแต่ยอดเยี่ยม แต่เบราว์เซอร์ทั้งหมดยังไม่รองรับเบราว์เซอร์ทั้งหมด
"แต่เดี๋ยวก่อน" คุณพูดว่า "เบราว์เซอร์ส่วนใหญ่ไม่รองรับองค์ประกอบโครงสร้างใหม่เช่นกัน!" เป็นเรื่องจริง แต่ส่วนใหญ่จะยอมรับแท็กที่คุณต้องการสร้างอย่างยินดี แม้แต่ IE6 ก็สามารถจัดการแท็บใหม่ได้ แม้ว่าถ้าคุณต้องการจัดสไตล์ด้วย CSS คุณจะต้องได้รับความช่วยเหลือเล็กน้อยจาก JavaScript
สิ่งหนึ่งที่คุณต้องจำไว้เมื่อจัดสไตล์แท็บใหม่คือแท็บที่ไม่รู้จักไม่มีสไตล์เริ่มต้นในเบราว์เซอร์ส่วนใหญ่ นอกจากนี้ยังถือเป็นองค์ประกอบระดับแถวด้วย อย่างไรก็ตาม เนื่องจากแท็กใหม่ของ HTML 5 ส่วนใหญ่สามารถสร้างได้ เราจะกำหนดลักษณะการทำงานขององค์ประกอบระดับบล็อกให้กับแท็กเหล่านั้น วิธีแก้ไขคือต้องแน่ใจว่าคุณได้รวม display:block; ไว้ในสไตล์ CSS ของคุณ
เพื่อช่วยให้เข้าใจสิ่งใหม่ๆ ใน HTML 5 วันนี้ เรามาเริ่มใช้องค์ประกอบโครงสร้างใหม่ๆ กันดีกว่า
สุดท้ายคือประเภทเอกสารที่ใครๆ ก็จำได้
สิ่งแรกที่เราต้องทำเพื่อสร้างเอกสาร HTML 5 คือการใช้ประเภทเอกสารใหม่ ตอนนี้ หากคุณจำประเภทเอกสาร HTML 4 หรือ XHTML 1.x ได้อย่างชัดเจน แสดงว่าคุณเป็นคนซุกซนยิ่งกว่าเราอีก เมื่อใดก็ตามที่เราสร้างหน้าใหม่ เราจะต้องเปิดไฟล์เก่า ตัดและวางคำจำกัดความประเภทเอกสาร