ความคิดเห็น: HTML5 เป็นมาตรฐาน HTML ล่าสุด การพัฒนาเว็บไซต์ HTML5 นั้นง่ายกว่าการย้ายเว็บไซต์จาก HTML4 เป็น HTML5 เนื่องจากมีความแตกต่างอย่างมากระหว่างสองเวอร์ชัน
HTML5 เป็นมาตรฐาน HTML ล่าสุด ไม่ช้าก็เร็วโปรแกรมเมอร์เว็บทั้งหมดจะพบว่าจำเป็นต้องใช้มาตรฐานล่าสุดนี้ ยิ่งกว่านั้นหลายคนจะรู้สึกว่าการพัฒนาเว็บไซต์ HTML5 นั้นง่ายกว่าการย้ายเว็บไซต์จาก HTML4 เป็น HTML5 เนื่องจากมีความแตกต่างอย่างมากระหว่างสองเวอร์ชัน
ในความเป็นจริง HTML5 ไม่ได้ทำการเปลี่ยนแปลงที่สำคัญใด ๆ กับ HTML4 ซึ่งส่วนใหญ่มีความคล้ายคลึงกัน
อย่างไรก็ตามมีความแตกต่างที่สำคัญมากที่คุณต้องรู้ ต่อไปนี้เป็นความแตกต่างหลักระหว่าง HTML4 และ HTML5 (ไม่ใช่ทั้งหมดมันเป็นไปไม่ได้ที่จะแสดงรายการทั้งหมด):
1. มาตรฐาน HTML5 ยังคงถูกกำหนด
ความแตกต่างนี้ชัดเจน แต่มันสำคัญมากฉันต้องเริ่มต้นด้วยก่อน บางทีคุณอาจสังเกตเห็นว่า HTML5 นั้นเจ๋งทุกที่ แต่ความจริงก็คือ HTML5 เป็นมาตรฐานที่ยังไม่เสร็จ HTML4 มีอายุ 10 ปีแล้ว แต่ความจริงที่ว่ามันยังคงเป็นมาตรฐานที่เป็นทางการในปัจจุบันไม่เปลี่ยนแปลง
ในทางกลับกัน HTML5 ยังคงอยู่ในช่วงเริ่มต้นและการปรับเปลี่ยนในอนาคตจะยังคงปรากฏต่อไป คุณต้องพิจารณาสิ่งนี้เนื่องจากองค์ประกอบเว็บที่เพิ่มหรือแก้ไขใหม่ที่คุณใช้ในเว็บไซต์จะเปลี่ยนเวลาในแต่ละปีและคุณต้องอัปเดตและอัพเกรดเว็บไซต์ของคุณอย่างต่อเนื่องซึ่งไม่ใช่สิ่งที่คุณต้องการ นี่คือเหตุผลที่คุณควรใช้ HTML4 ในผลิตภัณฑ์ของคุณและใช้ HTML5 ในการทดลองของคุณเท่านั้น
2. ไวยากรณ์ง่ายๆ
การประกาศ Doctype ที่ง่ายกว่าเป็นหนึ่งในคุณสมบัติใหม่มากมายใน HTML5 ตอนนี้คุณเพียงแค่ต้องเขียน <! doctype html> และนั่นคือทั้งหมด ไวยากรณ์ของ HTML5 เข้ากันได้กับ HTML4 และ XHTML1 แต่ไม่สามารถใช้งานร่วมกันได้กับ SGML
3. แท็ก <Canvas> ใหม่ที่แทนที่แฟลช
สำหรับผู้ใช้เว็บแฟลชเป็นทั้งความประหลาดใจและความเจ็บปวด นักพัฒนาเว็บหลายคนไม่พอใจอย่างมากกับภัยคุกคามที่ HTML5 ได้โพสต์ให้แฟลช แต่สำหรับผู้ที่อดทนต่อวิดีโอแฟลชป่องที่ใช้เวลาหลายปีในการโหลดและเรียกใช้เทคโนโลยีในการสร้างวิดีโอด้วยแท็ก <sanvas> ใหม่มาถึงแล้ว
ในปัจจุบันแท็ก <sanvas> ไม่สามารถให้ฟังก์ชั่นทั้งหมดที่แฟลชมี แต่ในเวลาแฟลชจะถูกกำจัดออกจากเว็บอย่างแน่นอน มารอดูเพราะหลายคนยังไม่เห็นด้วยกับมุมมองนี้
4. แท็กใหม่ <ส่วนหัว> และ <Footer>
HTML5 ได้รับการออกแบบมาเพื่ออธิบายกายวิภาคของเว็บไซต์ได้ดีขึ้น นั่นเป็นเหตุผลที่ <ส่วนหัว> เหล่านี้และ
มีการแนะนำเครื่องหมายใหม่เช่น <Footer> ออกแบบมาโดยเฉพาะสำหรับส่วนเหล่านี้ของเว็บไซต์
เมื่อพัฒนาเว็บไซต์คุณไม่จำเป็นต้องใช้แท็ก <div> เพื่อทำเครื่องหมายส่วนเหล่านี้ของหน้าเว็บอีกต่อไป
5. ใหม่ <section> และ <บทความ> แท็ก
คล้ายกับแท็ก <header> และ <footer> แท็กใหม่ <section> และ <strican> ที่แนะนำใน HTML5 ช่วยให้นักพัฒนาสามารถติดฉลากพื้นที่เหล่านี้ได้ดีขึ้นในหน้าเว็บ
มีการคาดการณ์ว่านอกเหนือจากการทำให้รหัสเป็นระเบียบมากขึ้นแล้วยังสามารถปรับปรุงผลลัพธ์ SEO และทำให้เครื่องมือค้นหาวิเคราะห์หน้าของคุณได้ง่ายขึ้น
6. แท็กใหม่ <เมนู> และ <รูป>
แท็ก <เมนู> ใหม่สามารถใช้เป็นเมนูปกติหรือบนแถบเครื่องมือและเมนูคลิกขวาแม้ว่าสิ่งเหล่านี้จะไม่ได้ใช้กันทั่วไปในหน้า
ในทำนองเดียวกันแท็ก <Mige> ใหม่เป็นวิธีที่เป็นมืออาชีพในการจัดการข้อความและรูปภาพบนหน้าเว็บ แน่นอนคุณสามารถใช้สไตล์ชีทเพื่อควบคุมข้อความและรูปภาพ แต่การใช้แท็กนี้ในตัว HTML5 นั้นเหมาะสมกว่า
7. แท็กใหม่ <Audio> และ <Video>
แท็ก <Audio> และ <Video> ใหม่อาจเป็นสองสิ่งที่มีประโยชน์มากที่สุดที่เพิ่มเข้ามาใน HTML5 เช่นเดียวกับชื่อแท็กพวกเขาจะใช้ในการฝังไฟล์เสียงและวิดีโอ
นอกจากนี้ยังมีแท็กมัลติมีเดียใหม่และแอตทริบิวต์ใหม่เช่น <rack> ซึ่งใช้เพื่อให้ข้อมูลข้อความสำหรับการติดตามวิดีโอ ด้วยแท็กเหล่านี้ HTML5 ทำให้ Web2.0 มีคุณสมบัติเป็นมิตรมากขึ้นเรื่อย ๆ ปัญหาคือก่อนที่ HTML5 จะได้รับการยอมรับอย่างกว้างขวาง Web2.0 ยังคงเป็น Web2.0 เก่า
8. การออกแบบฟอร์มใหม่เอี่ยม
แท็ก <FormInput> <FormInput> ใหม่มีการปรับเปลี่ยนใหม่อย่างสมบูรณ์ในองค์ประกอบรูปแบบดั้งเดิมและพวกเขามีคุณลักษณะใหม่มากมาย (และการแก้ไขบางอย่าง) หากคุณพัฒนารูปแบบบ่อยครั้งคุณควรใช้เวลาในการศึกษารายละเอียดเพิ่มเติม
9. ไม่ใช้แท็ก <b> และ <font> อีกต่อไป
สำหรับฉันเป็นการส่วนตัวนี่เป็นการเปลี่ยนแปลงที่ฉันไม่เข้าใจมากนัก ฉันไม่คิดว่าจะได้รับประโยชน์มากแค่ไหนในการลบ <b> และ <font> เครื่องหมาย ฉันรู้ว่าคำแนะนำอย่างเป็นทางการบอกว่าเครื่องหมายเหล่านี้สามารถจัดการได้ดีขึ้นผ่าน CCS แต่ด้วยวิธีนี้เพื่อที่จะปรากฏในหนึ่งหรือสองสถานที่ของบทความคุณต้องใช้ฟังก์ชั่นนี้ใน CSS และข้อความอิสระซึ่งไม่งุ่มง่าม บางทีเราอาจจะชินกับวิธีนี้ในอนาคต
10. ไม่ใช้ <frame>, <center>, <gig> อีกต่อไปแท็ก
อันที่จริงฉันจำไม่ได้ว่ามีการใช้เครื่องหมายเหล่านี้ดังนั้นฉันจึงไม่รู้สึกเศร้าที่จะลบออก ด้วยเหตุผลเดียวกันนี้มีเครื่องหมายที่ดีกว่าที่สามารถใช้งานได้ - ซึ่งเป็นสิ่งที่ดีเครื่องหมายใด ๆ ที่ไม่ถูกต้องจะถูกลบออกจากมาตรฐาน
ความแตกต่างระหว่าง 10 HTML5 และ HTML4 เหล่านี้เป็นเพียงส่วนเล็ก ๆ ของข้อกำหนดใหม่ทั้งหมด นอกเหนือจากการเปลี่ยนแปลงที่สำคัญเหล่านี้ฉันยังสามารถพูดถึงการเปลี่ยนแปลงเล็กน้อยบางอย่างเช่นการปรับเปลี่ยนแอตทริบิวต์ของแท็ก <ol> เพื่อให้สามารถจัดเรียงได้ในสิ่งที่ตรงกันข้ามและแก้ไขแท็ก <u>
การเปลี่ยนแปลงเล็กน้อยเหล่านี้มีมากมาย และการเปลี่ยนแปลงใหม่ก็เพิ่มขึ้นเช่นกันดังนั้นหากคุณต้องการติดตามแนวโน้มล่าสุดแบบเรียลไทม์คุณต้องดูความแตกต่างระหว่าง HTML4 และ HTML5 ของ W3.org บ่อยครั้ง หากคุณมีความกังวลและต้องการใช้แท็กและคุณลักษณะใหม่เหล่านี้ในงานของคุณฉันแนะนำให้คุณรู้ว่าเป็นการดีกว่าที่จะทำการทดลอง เหตุผลได้ชัดเจนว่าแท็กและแอตทริบิวต์ใหม่เหล่านี้อาจเปลี่ยนแปลงได้มากในอนาคตดังนั้นหากคุณไม่ได้อัปเดตรหัสของคุณพวกเขามีแนวโน้มที่จะหมดอายุและหมดอายุ
แม้ว่าเบราว์เซอร์ที่ได้รับความนิยมส่วนใหญ่ในปัจจุบันรองรับ HTML5 แต่แท็กและคุณสมบัติใหม่บางอย่าง (หรือแก้ไข) ไม่รองรับพวกเขาดังนั้นหน้าของคุณอาจไม่สอดคล้องกันบนหน้าจอของผู้ใช้ รออย่างอดทนและรอเมื่อ HTML5 มีประโยชน์จริงๆ ยังไม่ถึงเวลา