มีอะไรใหม่ใน HTML 5

HTML 5 เป็นเวอร์ชันใหม่ของ HTML

HTML 5 เพิ่มคุณสมบัติใหม่ ๆ ลงในข้อกำหนด HTML และสิ่งที่ดียิ่งขึ้นมีอยู่แล้วการสนับสนุนเบราว์เซอร์ จำกัด บางอย่างสำหรับคุณลักษณะใหม่ ๆ เหล่านี้ หากมีคุณลักษณะที่คุณสนใจดูหน้า WHATWG Wiki Implementations สำหรับข้อมูลเกี่ยวกับเบราว์เซอร์ที่สนับสนุนส่วนต่างๆของข้อกำหนด

HTML 5 Doctype และ Charset ใหม่

สิ่งที่ดีเกี่ยวกับ HTML 5 เป็นวิธีที่ง่ายก็คือการ impelement คุณใช้ HTML 5 doctype ซึ่งง่ายและคล่องตัว:

ใช่แล้วล่ะ แค่สองคำคือ "doctype" และ "html" อาจเป็นเรื่องง่ายเพราะ HTML 5 ไม่ใช่ ส่วนหนึ่งของ SGML แต่ใช้แทน ภาษามาร์กอัป ทั้งหมดด้วยตัวเอง

ชุดอักขระสำหรับ HTML 5 มีความคล่องตัวเช่นกัน ใช้ UTF-8 และคุณกำหนดให้มีเพียงเมตาแท็กเดียวเท่านั้น:

โครงสร้างใหม่ของ HTML 5

HTML 5 รู้ว่าเว็บเพจมีโครงสร้างเช่นเดียวกับหนังสือที่มีโครงสร้างหรือ เอกสาร XML อื่น ๆ โดยทั่วไปเว็บเพจมีการนำทางเนื้อหาเนื้อหาและเนื้อหาแถบด้านข้างรวมทั้งส่วนหัวส่วนท้ายและคุณลักษณะอื่น ๆ HTML 5 ได้สร้างแท็กเพื่อสนับสนุนองค์ประกอบเหล่านั้นของหน้าเว็บ

• - เพื่อกำหนดส่วนของหน้า
• - กำหนดส่วนหัวของหน้า
• - กำหนดส่วนท้ายของหน้าเว็บ
• - กำหนดการนำทางบนหน้าเว็บ
• - กำหนดบทความหรือเนื้อหาหลักบนหน้าเว็บ
• - กำหนดเนื้อหาพิเศษเช่นแถบด้านข้างบนหน้าเว็บ
• - กำหนดรูปภาพที่อธิบายประกอบบทความ

HTML 5 องค์ประกอบแบบอินไลน์ใหม่

องค์ประกอบแบบอินไลน์ เหล่านี้กำหนดแนวความคิดพื้นฐานบางอย่างและเก็บความหมายไว้โดยส่วนใหญ่จะเกี่ยวข้องกับเวลา:

• - เพื่อระบุเนื้อหาที่มีการทำเครื่องหมายไว้ในบางรูปแบบ
• - เพื่อระบุเนื้อหาที่เป็นเวลาหรือวันที่
• - เพื่อระบุเนื้อหาที่เป็นส่วนหนึ่งของช่วงที่รู้จักกันดีเช่นการใช้ดิสก์
• - แสดงความคืบหน้าของงานต่อ

HTML 5 สนับสนุนหน้าใหม่แบบไดนามิก

HTML 5 ได้รับการพัฒนาขึ้นเพื่อช่วยนักพัฒนาแอ็พพลิเคชันเว็บดังนั้นจึงมีคุณลักษณะใหม่มากมายเพื่อให้ง่ายต่อการสร้างหน้า HTML แบบไดนามิก:

• เมนูบริบท - HTML 5 จะสนับสนุนการสร้างและใช้เมนูบริบทภายในเว็บเพจและแอพพลิเคชัน
• href ไม่จำเป็นต้องมีในแท็กซึ่งช่วยให้คุณสามารถใช้แท็กที่มีสคริปต์และในแอปพลิเคชันเว็บโดยไม่จำเป็นต้องมีสถานที่เพื่อส่ง anchor
• แอ็ตทริบิวต์ async - จะเพิ่มลงในแท็กสคริปต์เพื่อบอกเบราว์เซอร์ว่าสคริปต์ควรโหลดแบบอะซิงโครนัสเพื่อไม่ทำให้โหลดและการแสดงผลของหน้าเว็บเหลือลง
• - ให้รายละเอียดเกี่ยวกับองค์ประกอบ นี้จะเป็นคำแนะนำในการใช้งานที่ไม่ใช่เว็บ
• - สร้างตารางที่สร้างขึ้นจากฐานข้อมูลหรือแหล่งข้อมูลแบบไดนามิกอื่น ๆ
• - แท็กเก่านำกลับมาและมีชีวิตใหม่ช่วยให้คุณสามารถสร้างระบบเมนูบนเว็บเพจของคุณได้
• - กำหนดการกระทำที่จะเกิดขึ้นเมื่อเปิดใช้งานองค์ประกอบแบบไดนามิก

HTML 5 รูปแบบฟอร์มใหม่

HTML 5 สนับสนุนรูปแบบการป้อนข้อมูลรูปแบบมาตรฐานทั้งหมด แต่จะเพิ่มขึ้นอีกเล็กน้อย:

• วันเวลา
• วันที่และเวลาท้องถิ่น
• วันที่
• เดือน
• สัปดาห์
• เวลา
• จำนวน
• พิสัย
• อีเมล
• URL

HTML 5 องค์ประกอบใหม่

มีองค์ประกอบใหม่ ๆ ที่น่าสนใจใน HTML 5:

• - องค์ประกอบเพื่อให้พื้นที่วาดภาพใน JavaScript บนเว็บเพจของคุณ สามารถช่วยให้คุณสามารถเพิ่มรูปภาพหรือกราฟไปยังเคล็ดลับเครื่องมือหรือสร้างกราฟ dyanmic บนเว็บเพจของคุณสร้างขึ้นได้ทันที
• - เพิ่มวิดีโอลงในเว็บเพจของคุณด้วยแท็กง่ายๆนี้
• - เพิ่มเสียงให้กับ เว็บเพจ ของคุณด้วยแท็กง่ายๆนี้

HTML 5 ลบองค์ประกอบบางส่วนออก

นอกจากนี้ยังมีองค์ประกอบบางอย่างใน HTML 4 ที่จะไม่ได้รับการสนับสนุนจาก HTML 5 อีกต่อไปส่วนใหญ่จะเลิกใช้แล้วและไม่ควรแปลกใจ แต่อาจเป็นเรื่องยากบางประการ:

• อักษรย่อ
• แอปเพล็
• basefont
• ใหญ่
• ศูนย์
• dir
• ตัวอักษร
• กรอบ
• เฟรม
• isindex
• NOFRAMES
• noscript
• s
• การนัดหยุดงาน
• TT
• ยู

คุณพร้อมสำหรับ HTML 5 หรือไม่?

HTML 5 เพิ่มคุณลักษณะใหม่ ๆ มากมายลงในเว็บเพจและการออกแบบเว็บและน่าตื่นเต้นเมื่อเบราว์เซอร์อื่น ๆ สนับสนุน Microsoft ได้กล่าวว่าพวกเขาจะเริ่มสนับสนุน HTML 5 อย่างน้อยใน IE 8. ถ้าคุณต้องการเริ่มต้นเร็วกว่า Opera มีการสนับสนุนที่ดีที่สุดโดยมี Safari อยู่ข้างหลัง