HTML5 เป็นมาตรฐาน HTML รุ่นต่อไป โปรแกรมเมอร์มากขึ้นเริ่มสร้างเว็บไซต์ใน HTML5 หากคุณใช้ทั้ง HTML4 และ HTML5 คุณจะพบว่าสิ่งปลูกสร้างตั้งแต่เริ่มต้นด้วย HTML5 นั้นสะดวกกว่าการย้ายจาก HTML4 ถึง HTML5 แม้ว่า HTML5 จะไม่ล้มล้าง HTML4 อย่างสมบูรณ์ แต่ก็ยังมีความคล้ายคลึงกันมากมาย แต่พวกเขาก็มีความแตกต่างที่สำคัญใน HTML5 ซึ่งเป็นมาตรฐาน HTML รุ่นต่อไป โปรแกรมเมอร์มากขึ้นเริ่มสร้างเว็บไซต์ใน HTML5 หากคุณใช้ทั้ง HTML4 และ HTML5 คุณจะพบว่าสิ่งปลูกสร้างตั้งแต่เริ่มต้นด้วย HTML5 นั้นสะดวกกว่าการย้ายจาก HTML4 ถึง HTML5 แม้ว่า HTML5 จะไม่ล้มล้าง HTML4 อย่างสมบูรณ์ แต่ก็ยังมีความคล้ายคลึงกันมากมาย แต่พวกเขาก็มีความแตกต่างที่สำคัญบางประการ ถัดไปให้เรียนรู้ความแตกต่างระหว่าง HTML5 และ HTML4 ผ่านบทความนี้
แท็กโครงสร้างใหม่สำหรับ HTML5
ในหน้า HTML ก่อนหน้านี้ทุกคนใช้วิธีการจัดวาง DIV+CSS เมื่อเครื่องมือค้นหารวบรวมข้อมูลเนื้อหาของหน้าเว็บพวกเขาสามารถเดาได้ว่าเนื้อหาในหนึ่งใน DIV ของคุณเป็นคอนเทนเนอร์เนื้อหาบทความ, โมดูลนำทางคอนเทนเนอร์หรือคอนเทนเนอร์ที่ผู้เขียนแนะนำ ฯลฯ กล่าวอีกนัยหนึ่งโครงสร้างเอกสาร HTML ทั้งหมดไม่ชัดเจน เพื่อที่จะแก้ปัญหานี้ HTML5 เพิ่มแท็กองค์ประกอบโครงสร้างที่เกี่ยวข้องกับโครงสร้างเช่นส่วนหัว, ส่วนท้าย, การนำทางเนื้อหาบทความ ฯลฯ
ก่อนที่จะพูดถึงแท็กใหม่เหล่านี้มาดูที่เค้าโครงของหน้าธรรมดาก่อน:
ในภาพด้านบนเราสามารถเห็นได้อย่างชัดเจนว่าหน้าธรรมดาจะมีส่วนหัว, การนำทาง, เนื้อหาบทความ, แถบขวาที่แนบมา, ล่างและโมดูลอื่น ๆ เราแยกแยะความแตกต่างผ่านชั้นเรียนและประมวลผลผ่านสไตล์ CSS ที่แตกต่างกัน แต่ค่อนข้างพูดคลาสไม่ใช่ข้อกำหนดมาตรฐานทั่วไป เครื่องมือค้นหาสามารถคาดเดาฟังก์ชั่นของบางส่วนเท่านั้น นอกจากนี้หากโปรแกรมหน้านี้ถูกส่งมอบให้กับผู้ที่มีความบกพร่องทางสายตาในการอ่านโครงสร้างเอกสารและเนื้อหาจะไม่ชัดเจนมาก เค้าโครงใหม่ที่นำโดยแท็ก HTML5 ใหม่เป็นสถานการณ์ต่อไปนี้:
การเปลี่ยนแปลงในยุคเว็บมาตรฐานของ HTML: HTML 4.01 และ XHTML 1.0 รุ่นก่อนหน้านี้ได้รับการปล่อยตัวมานานกว่า 10 ปีแล้วในวันนี้และแอปพลิเคชันทางด้านเว็บก็เปลี่ยนไปอย่างมาก ยิ่งไปกว่านั้นไม่มีมาตรฐานอินเทอร์เน็ตที่เป็นเอกภาพและทั่วไปในส่วนหน้าเว็บและมีความไม่ลงรอยกันระหว่างเบราว์เซอร์มากเกินไปซึ่งเสียเวลามากเกินไปในการรักษาความเข้ากันได้ของเบราว์เซอร์เหล่านี้ อีกสิ่งหนึ่งคือการดำเนินการมัลติมีเดียก่อนหน้านี้ภาพเคลื่อนไหว ฯลฯ ทั้งหมดต้องการการสนับสนุนปลั๊กอินของบุคคลที่สามซึ่งสร้างปัญหาความเข้ากันได้ของหลายแพลตฟอร์ม ทั้งหมดนี้จะกลายเป็นมาตรฐานใน HTML5 ซึ่งช่วยแก้ปัญหาความแตกต่างในเบราว์เซอร์และปัญหาของปลั๊กอินของบุคคลที่สามบางส่วนทำให้เว็บแอปพลิเคชันมาตรฐานมากขึ้นมีความหลากหลายมากขึ้นและเป็นอิสระมากขึ้น
ตั้งแต่ H5 ออกมาอย่างเป็นทางการในปี 2010 ได้รับการต้อนรับและสนับสนุนโดยเบราว์เซอร์รายใหญ่ ในปัจจุบันอุตสาหกรรมกำลังก้าวไปสู่ H5 และยุคของ H5 กำลังจะมาเร็ว ๆ นี้
HTML5 ไม่ได้เป็นการเปลี่ยนแปลงที่ปฏิวัติวงการ แต่เป็นพัฒนาการ ยิ่งไปกว่านั้นมาตรฐาน HTML4 ก่อนหน้านี้จำนวนมากเข้ากันได้และเว็บแอปพลิเคชันทั้งหมดที่ทำผ่านมาตรฐาน HTML5 ล่าสุดสามารถทำงานบนเบราว์เซอร์เก่าได้อย่างง่ายดาย มาตรฐาน HTML5 รวมฟังก์ชั่นการปฏิบัติมากมายเช่นเสียงและวิดีโอการจัดเก็บในท้องถิ่นการสื่อสารซ็อกเก็ตภาพเคลื่อนไหว ฯลฯ ซึ่งได้รับการพิจารณาและอัพเกรดในการพัฒนาแอปพลิเคชันก่อนหน้านี้ ฉันเชื่อว่าถ้าคุณมีประสบการณ์ที่เกี่ยวข้องคุณจะได้สัมผัสมาก
เป้าหมายของ HTML5 คือ: มันมีมาตรฐานสำหรับการพัฒนาเว็บแอปพลิเคชันทั่วไปที่ง่ายขึ้นอิสระและมาตรฐานผ่านแท็กใหม่และคุณสมบัติใหม่
มาตรฐานใหม่แก้ปัญหาที่สำคัญสามประการ: ปัญหาความเข้ากันได้ของเบราว์เซอร์แก้ปัญหาโครงสร้างเอกสารที่ไม่ชัดเจนและแก้ปัญหาเช่นฟังก์ชั่นที่ จำกัด ของแอปพลิเคชันเว็บ
ความแตกต่างระหว่าง HTML4 และ HTML51. แท็ก HTML4 ที่ล้าสมัยบางตัวถูกยกเลิก
สิ่งเหล่านี้รวมถึงเครื่องหมายที่แสดงเอฟเฟกต์ล้วนๆเช่น <font> และ <center> ซึ่งถูกแทนที่ด้วย CSS อย่างสมบูรณ์
คุณสมบัติที่ถูกยกเลิกอื่น ๆ : ตัวย่อ, แอปเพล็ต, basefont, ใหญ่, ศูนย์, DIR, แบบอักษร, เฟรม, เฟรม, ISIndex, noframes, Strike, TT
2. เพิ่มองค์ประกอบใหม่บางส่วน
ตัวอย่างเช่น: แท็กฟอร์มที่ชาญฉลาด: วันที่, อีเมล, URL, ฯลฯ ; แท็กที่สมเหตุสมผลมากขึ้น: ส่วนวิดีโอความคืบหน้า NAV, มิเตอร์, เวลา, นอกเหนือจากผ้าใบ ฯลฯ
3. แอตทริบิวต์ใหม่ทั่วโลก: Designitable DesignMode Hidden Spellecheck Hidden Tabindex
4. วิธีการมาร์กอัป: มีการประกาศประเภทไฟล์เพียงประเภทเดียว (<! doctype>): <! doctype html>
ระบุการเข้ารหัสอักขระ <meta charset = utf-8>
5. JS API ใหม่
6. ตรวจสอบความเข้ากันได้
สามารถละเว้นองค์ประกอบแท็กได้
ไม่อนุญาตให้ใช้เครื่องหมายสิ้นสุด: เช่นฐานพื้นที่ BR
สามารถละเว้นเครื่องหมายสิ้นสุดได้: เช่น Li DT
แท็กทั้งหมดสามารถละเว้นได้: เช่น HTML Head
ตัวอย่างรหัสมีดังนี้: คัดลอกรหัส