HTML5 เป็นมาตรฐาน HTML รุ่นต่อไป แม้ว่า HTML5 จะไม่ล้มล้าง HTML4 อย่างสมบูรณ์ แต่ก็มีความแตกต่างบางอย่าง สำหรับข้อมูลการเปรียบเทียบ HTML5-HTML4 ล่าสุดและสมบูรณ์ที่สุดโปรดดู http://dev.w3.org/html5/html4-differences/ ซึ่งดูเหมือนจะมากกว่าเล็กน้อย ในโลกนี้ที่ยังคงมีอยู่คุณสามารถควบคุมความแตกต่างใน HTML5 ได้ก่อนและยังไม่สายเกินไปที่จะศึกษาอย่างรอบคอบหลังจากได้รับการสนับสนุนทั้งหมด
1. ไวยากรณ์ง่ายๆ
HTML5 ช่วยลดความซับซ้อนของไวยากรณ์ที่ละเอียดอ่อนจำนวนมากเช่นคำสั่งของ Doctype คุณเพียงแค่ต้องเขียน <! doctype html> HTML 5 ระบุการเข้ารหัส UTF-8 ดังนี้ <meta charset = utf-8>
2. <Canvas> แท็กแทนที่แฟลช
Flash ทำให้เกิดปัญหากับนักพัฒนาเว็บหลายคนและการเล่น Flash บนหน้าเว็บต้องใช้รหัสและปลั๊กอินจำนวนมาก แท็ก <sanvas> ช่วยให้นักพัฒนาสามารถโต้ตอบกับผู้ใช้กับ UI ได้ตราบใดที่พวกเขาใช้แท็กหนึ่งแท็ก
3 เพิ่มแท็กใหม่จำนวนมาก
หลักการหนึ่งของการออกแบบ HTML5 คือการสะท้อนความหมายของเว็บไซต์ให้ดีขึ้นดังนั้นแท็กเช่น <ส่วนหัว> และ <footer> จะถูกเพิ่มเพื่อระบุโครงสร้างของหน้าเว็บอย่างชัดเจน การเพิ่ม <section> และ <strican> แท็ก, <section> และ <sartication> ก็เอื้อต่อการชี้แจงโครงสร้างของเว็บเพจและเอื้อต่อ SEO มากขึ้น การเพิ่ม <เมนู> และ <รูป> แท็ก <เมนู> สามารถใช้เพื่อสร้างเมนูแบบดั้งเดิมหรือแถบเครื่องมือและเมนูบริบท <รูปที่> แท็กทำให้ข้อความเว็บและรูปภาพเป็นมืออาชีพมากขึ้นในการจัดวาง มีการเพิ่มแท็ก <Audio> และ <Video> ใหม่แท็กทั้งสองนี้อาจเป็นแท็กที่มีประโยชน์มากที่สุดสองแท็กใน HTML5 และพวกเขายังใช้งานได้ง่ายมาก ตัวอย่างเช่นการฝังวิดีโอในหน้า HTML5 ใช้เพียงชิ้นเล็ก ๆ
การคัดลอกรหัสมีดังนี้:
<ความกว้างวิดีโอ = 450 ความสูง = 340 ควบคุม>
<ต้นทาง src = jamshed.mp4 type = video/mp4>
เบราว์เซอร์ของคุณไม่สนับสนุนคุณสมบัติการฝังวิดีโอ
</video>
ในทำนองเดียวกันเสียงและสิ่งอื่น ๆ ก็คล้ายกัน
4. ฟอร์มใหม่เอี่ยม
HTML5 ได้ทำการดัดแปลงแท็ก <Form> และ <FormInput> จำนวนมากเพิ่มแอตทริบิวต์ใหม่จำนวนมากและแก้ไขแอตทริบิวต์จำนวนมาก
5. ลบแท็ก <b> และ <font>, <frame>, <center>, <ig> แท็ก
6.HTML5 รองรับประเภทการจัดเก็บประเภทต่างๆ
HTML5 รองรับการจัดเก็บในท้องถิ่นและดำเนินการผ่านคุกกี้ในเวอร์ชันก่อนหน้า HTML5 Local Storage นั้นรวดเร็วและปลอดภัย และ HTML5 มีวัตถุสองวัตถุที่สามารถใช้ในการจัดเก็บข้อมูล HTML5 จัดเก็บและเข้าถึงข้อมูลผ่าน JS:
LocalStorage เหมาะสำหรับการจัดเก็บข้อมูลระยะยาวและข้อมูลจะไม่หายไปหลังจากปิดเบราว์เซอร์
SessionStorage เป็นเพียงการจัดเก็บข้อมูลเซสชันและข้อมูลที่เก็บไว้จะถูกลบโดยอัตโนมัติหลังจากปิดเบราว์เซอร์
โดยทั่วไปแล้ว HTML5 นั้นเกินขอบเขตของภาษามาร์กอัปและแท็กความหมายมากขึ้นจะทำให้ HTML5 มีประโยชน์มากขึ้น Canvas+WebGL และเทคโนโลยีอื่น ๆ ตระหนักถึงความสามารถในการประมวลผลภาพและภาพและกราฟิก ที่เก็บข้อมูลในท้องถิ่นสามารถรับรู้แอปพลิเคชันออฟไลน์ WebSocket เปลี่ยนรูปแบบการดึงบริสุทธิ์ของ HTTP เพื่อตระหนักถึงความฝันของการผลักดันข้อมูล MathML, SVG ฯลฯ สนับสนุนการแสดงผลที่สมบูรณ์ยิ่งขึ้น ฯลฯ ตอนนี้ความเข้าใจของ HTML5 ยังคงอยู่ในขั้นตอนพื้นผิว ในอนาคตฉันจะอ่านหนังสือ HTML5 เพิ่มเติมและเพิ่มข้อมูลเชิงลึก