HTML5: สมควรหรือเกินจริง?

หลังจากนั้นไม่นาน HTML5 ก็เริ่มดึงดูดความสนใจของผู้คนมากขึ้นเรื่อยๆ แม้ว่า W3C จะระบุว่ายังมีหนทางอีกยาวไกลก่อนที่จะถึงกำหนดขั้นสุดท้าย แต่ก็ไม่ได้หยุดความคาดหวังของผู้คน ในปี 2550 HTML5 ก้าวไปสู่มาตรฐาน W3C ภารกิจของ HTML5 คือการแปลแอปพลิเคชันเว็บที่หลากหลายและแยกตัวออกจากพันธนาการของปลั๊กอินของเบราว์เซอร์ W3C เปิดตัวร่าง HTML5 ฉบับแรกในเดือนมกราคม พ.ศ. 2551 และการนำมาตรฐาน HTML5 ไปใช้อย่างเต็มรูปแบบอาจไม่เกิดขึ้นจนกว่าจะถึงปี พ.ศ. 2565 หรือหลังจากนั้น

HTML5 คืออะไร

HTML5 เป็นเวอร์ชันที่สำคัญอีกเวอร์ชันหนึ่งหลังจาก HTML4.01, XHTML 1.0 และ DOM 2 HTML โดยมีจุดมุ่งหมายเพื่อกำจัดการพึ่งพา Rich Internet Programs (RIA) บนปลั๊กอินของเบราว์เซอร์ เช่น Flash, Silverlight และ JavaFX

สรุป HTML5

HTML5 นำเสนอคุณลักษณะใหม่ๆ มากมายและการเปลี่ยนแปลงในโค้ด HTML คุณต้องใช้สคริปต์ API บางอย่าง เช่น:

ดอม

วัตถุ Canvas ที่ใช้การวาดภาพ 2 มิติ

การเล่นสื่อที่ควบคุมได้

ที่เก็บข้อมูลออฟไลน์

การแก้ไขเอกสาร

ลากและวาง

ข้อความข้ามเอกสาร

การจัดการประวัติเบราว์เซอร์

ประเภท MIME และการลงทะเบียนโปรโตคอล

เบราว์เซอร์ที่รองรับ HTML5 จะต้องมีความยืดหยุ่นมากกว่าในการจัดการข้อผิดพลาดของโค้ด HTML ในขณะที่เบราว์เซอร์ที่ไม่รองรับ HTML5 จะเพิกเฉยต่อโค้ด HTML5

การเปลี่ยนแปลงไวยากรณ์ HTML

HTML5 แนะนำองค์ประกอบและแอตทริบิวต์ HTML ใหม่ บางส่วนเป็นองค์ประกอบทั่วไปแบบดั้งเดิม เช่น nav ส่วนท้าย และองค์ประกอบอื่นๆ ที่แทนที่องค์ประกอบ div นอกจากนี้ยังมีองค์ประกอบใหม่บางอย่าง เช่น เสียงและวิดีโอ องค์ประกอบบางอย่างที่เลิกใช้แล้วใน HTML4 เช่น แบบอักษรและกึ่งกลาง จะเลิกใช้แล้ว องค์ประกอบ HTML ใหม่ที่แนะนำโดย HTML5 ประกอบด้วย:

บทความ: บทความ

นอกเหนือ: เนื้อหาแถบด้านข้างถัดจากเนื้อหา

เสียง: เสียง

ผ้าใบ: การวาดภาพ 2 มิติ

คำสั่ง: ปุ่มคำสั่ง

ดาต้าลิสต์: กล่องตัวเลือกแบบเลื่อนลง

รายละเอียด: รายละเอียดของวัตถุ

โต้ตอบ: กล่องโต้ตอบ

ฝัง: ปลั๊กอินหรือวัตถุภายนอก

รูป: ชุดของวัตถุสื่อและข้อความป้ายกำกับ

ส่วนท้าย：ส่วนท้าย

ส่วนหัว: ด้านบนของหน้า

hgroup: ข้อมูลเกี่ยวกับบางส่วนของเอกสาร

keygen: คีย์ที่สร้างโดยแบบฟอร์ม

เครื่องหมาย: ข้อความที่ทำเครื่องหมายไว้

เมตร: การวัดภายในช่วงที่กำหนดไว้ล่วงหน้า

nav: แถบนำทาง

เอาท์พุท: เอาท์พุท

ความคืบหน้า: แถบความคืบหน้า

rp: ระบุเนื้อหาทับทิม

rt: คำอธิบายเนื้อหา rubby

ทับทิม: เนื้อหาทับทิม

ส่วน: กำหนดส่วน

ที่มา: แหล่งข้อมูลสื่อ

เวลา: วันที่และเวลา

วิดีโอ: วิดีโอ

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

HTML5 อยู่ร่วมกับเทคโนโลยียอดนิยมได้อย่างไร

โลกเว็บในปัจจุบันคุ้นเคยกับปลั๊กอินและ API ต่างๆ แล้ว HTML5 ได้นำความสะดวกสบายและความไม่สะดวกมาสู่นักพัฒนาและนักออกแบบเว็บ HTML5 จะอยู่ร่วมกับเทคโนโลยียอดนิยมเหล่านี้ได้อย่างไร

HTML5 และแฟลช

การถกเถียงนี้ดำเนินไปเป็นเวลานาน Flash ถูกละเมิดโดยนักพัฒนาและนักออกแบบบางราย ทำให้หน้าเว็บบางหน้าโหลดช้า และ HTML5 ก็ได้นำมาซึ่งความหวังอันริบหรี่ การเปรียบเทียบ HTML5 ซึ่งยังอยู่ในช่วงเริ่มต้นอาจไม่ยุติธรรมกับ Flash ที่มีอายุ 10 ปีแล้ว แต่นี่เป็นปัญหาที่ทุกคนกังวล ผู้ใช้ Mac อาจได้รับประโยชน์จาก HTML5 มากกว่าผู้ใช้ Windows เนื่องจาก Apple ไม่เต็มใจที่จะรองรับ Flash ต่อไปนี้เป็นส่วนหนึ่งของการทดสอบที่ดำเนินการโดย Mike Chambers เกี่ยวกับโหลด CPU ของเบราว์เซอร์บนแพลตฟอร์ม Mac และ Windows:

การทดสอบแสดงให้เห็นว่าประสิทธิภาพของ Flash บนแพลตฟอร์ม Mac นั้นแย่กว่าบนแพลตฟอร์ม Windows ขึ้นอยู่กับเบราว์เซอร์ที่คุณใช้ ตอนนี้ดูเหมือนว่า Flash จะเป็นตัวเลือกที่ดีกว่าสำหรับวิดีโอเกม แต่ขึ้นอยู่กับเบราว์เซอร์ของคุณ หากวิดีโอของคุณไม่ซับซ้อนมากนัก HTML5 ก็เป็นตัวเลือกที่ดีกว่า สิ่งที่นักพัฒนาเว็บและนักออกแบบควรหลีกเลี่ยงจากการถกเถียงเหล่านี้ก็คือ มีทางเลือกอื่นนอกเหนือจาก Flash แต่ Flash นั้นยึดที่มั่นอย่างแน่นหนา และลูกค้าจำเป็นต้องทำการวิจัยเกี่ยวกับกลุ่มเป้าหมายของตนเมื่อพัฒนาการออกแบบสำหรับพวกเขา

HTML5 และ IE9

IE9 มักจะกล่าวถึงความเข้ากันได้ของ HTML5 แต่จริงๆ แล้วมันจะเป็นเบราว์เซอร์ที่รองรับ HTML5 ได้ดี เนื่องจาก IE9 ใช้ Windows Modern Graphics API และการ์ดเร่งกราฟิกของพีซีเพื่อแสดงข้อความและกราฟิก ในงาน MIX ในเดือนมีนาคม Microsoft ยังได้ประกาศด้วยว่า IE9 จะรองรับ HTML5 ที่เร่งด้วย GPU โดยมอบการเลื่อนกราฟิก การแสดงกราฟิก 3 มิติ และการประมวลผลอื่น ๆ ให้กับการ์ดเร่งความเร็วกราฟิก

HTML5 และอาแจ็กซ์

ปัญหาหนึ่งของภาษา HTML ในปัจจุบันคืออินเทอร์เฟซของแอปพลิเคชันที่มีน้ำหนักเบา นักพัฒนาที่ต้องการใช้ Ajax เพื่อใช้งานแอปพลิเคชันออนไลน์จะพบว่า HTML ใช้งานได้ยากมาก Ajaxwith.com เชื่อว่า HTML เหมาะสำหรับการโหลดอินเทอร์เฟซ และ JavaScript ถูกใช้เพื่อรันคำสั่ง แม้ว่า HTML จะไม่ใช่ภาษาที่ใช้งานง่าย แต่ HTML ยังคงขาดไม่ได้เนื่องจากนักพัฒนาส่วนใหญ่คุ้นเคย

ข่าวดีก็คือ HTML5 จะทำให้การใช้งานแอปพลิเคชัน Ajax ง่ายขึ้น

HTML5 พร้อม CSS

คุณต้องจัดระเบียบโค้ด CSS ของคุณให้รองรับ HTML5 เนื่องจากแท็ก เช่น h1 และ h2 จะไม่ถูกนำมาใช้อีกต่อไป เพื่อให้เข้ากันได้กับ HTML5 วิธีที่ดีที่สุดคือใช้การรีเซ็ต CSS เพื่อแทนที่ CSS ของแท็ก HTML ทั่วไป ได้รับการล้างแล้ว Woork เชื่อว่าการรีเซ็ต CSS ที่ดีที่สุดคือการรีเซ็ต CSS ของ Eric Meyers

ข้อดีและข้อเสียของ HTML5

HTML5 อาจนำประโยชน์มาสู่เว็บบนมือถือมากขึ้น เหตุผลก็คือเว็บบนมือถือในปัจจุบันถูกครอบงำโดย iPhone และ iPhone ไม่รองรับ Flash HTML5 ยังอนุญาตให้เบราว์เซอร์มือถือบนแพลตฟอร์มอื่นโหลดหน้าเว็บได้เร็วขึ้น ข้อดีอีกประการหนึ่งคือ SEO Google ประกาศเมื่อวันที่ 9 เมษายนว่าความเร็วในการโหลดหน้าเว็บจะเป็นปัจจัยในการจัดอันดับการค้นหา ดังนั้นหน้าเว็บที่ใช้ HTML5 ก็จะได้ประโยชน์จากความเร็วในการโหลดที่เร็วขึ้นด้วย

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

จนกว่า HTML5 จะถูกนำมาใช้อย่างกว้างขวาง เราจะไม่ทราบแน่ชัดว่าโค้ด HTML5 จะนำอะไรดีหรือไม่ดี โดยรวมแล้ว มันจะเป็นการเปลี่ยนแปลงครั้งใหญ่สำหรับนักพัฒนา แต่ยังคงไม่ชัดเจนสำหรับนักออกแบบกราฟิก

แหล่งที่มาระหว่างประเทศของบทความนี้: Instantshift.com HTML5: Worth the Hype? (ผู้เขียนต้นฉบับ: Shannon Suetos)

แหล่งที่มาของการรวบรวมภาษาจีน: เว็บไซต์อย่างเป็นทางการของระบบจัดการเนื้อหาเว็บไซต์ Ruishang Enterprise CMS