หัวเรื่อง

ข้อความของคุณ

อย่างที่คุณเห็นโค้ดจะง่ายขึ้นและชัดเจนขึ้น

ประสบการณ์มัลติมีเดียใน HTML5 ไม่รวมการใช้ Adobe Flash และซอฟต์แวร์ของบุคคลที่สามอื่น ๆ คุณสามารถใช้เบราว์เซอร์ใดก็ได้ที่รองรับ HTML5 เพื่อเพิ่มไฟล์เพลงและวิดีโอเมื่อต้องใช้โปรแกรมเพิ่มเติมใน HTML 4.0 และ HTML 4.01

การป้อนข้อมูลในรูปแบบ HTML5 มีความปลอดภัยมากขึ้นความถูกต้องของข้อมูลจะถูกควบคุมโดยตรงระหว่างการป้อนข้อมูลในขณะที่ใน HTML 4 การตรวจสอบความถูกต้องของข้อมูลที่ป้อนจะดำเนินการหลังจากส่งเอกสารแล้วซึ่งไม่ได้สร้างความไม่สะดวกให้กับผู้ใช้

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

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

ประโยชน์สำหรับผู้ใช้ปลายทาง มีการเปลี่ยนแปลงที่เป็นประโยชน์มากมายเกิดขึ้นที่นี่:

ไม่จำเป็นต้องติดตั้งโปรแกรมของบุคคลที่สามจำนวนมาก

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

HTML5 มีมาตรฐานเดียวสำหรับการแสดงเนื้อหาโดยไม่คำนึงถึงประเภทของเบราว์เซอร์

ส่งผลงานดีๆของคุณในฐานความรู้เป็นเรื่องง่าย ใช้แบบฟอร์มด้านล่าง

นักเรียนนักศึกษาระดับบัณฑิตศึกษานักวิทยาศาสตร์รุ่นใหม่ที่ใช้ฐานความรู้ในการศึกษาและการทำงานจะขอบคุณมาก

เอกสารที่คล้ายกัน

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

ภาคนิพนธ์เพิ่ม 10/23/2013


HTML5 เป็นภาษาสำหรับการจัดโครงสร้างและการนำเสนอเนื้อหาสำหรับเวิลด์ไวด์เว็บและเทคโนโลยีหลักที่ใช้บนอินเทอร์เน็ต การสร้างเว็บแอปพลิเคชันโดยใช้เทคโนโลยี Asp.net MVC 3 และภาษามาร์กอัปเว็บ HTML5 องค์ประกอบของแพลตฟอร์ม MVC

ภาคนิพนธ์เพิ่ม 05/25/2012


ประเภทและรูปแบบของมัลติมีเดีย ข้อมูลเฉพาะของอินเทอร์เน็ตในฐานะแพลตฟอร์มสื่อ วิธีการสร้างและเผยแพร่เนื้อหามัลติมีเดีย การพัฒนาเนื้อหาสำหรับพอร์ทัลอินเทอร์เน็ตมัลติมีเดียเกี่ยวกับกีฬาผาดโผนในเมือง: ผู้ชมหัวเรื่อง ฯลฯ

วิทยานิพนธ์เพิ่ม 08/20/2017


การก่อตัวและโครงสร้างการเชื่อมต่อโครงข่ายขององค์ประกอบหลักของไซต์การศึกษา "HTML5 & CSS3" เพื่อให้ผู้ใช้มีข้อมูลเกี่ยวกับเทคโนโลยีล่าสุดในอุตสาหกรรมเว็บและสอนทักษะการใช้งานจริงในแอปพลิเคชันของตน การพัฒนาคู่มือผู้ใช้

ภาคนิพนธ์เพิ่มเมื่อ 17/06/2014


แนวคิดของเว็บ 2.0 ภาษามาร์กอัป HTML5 เครื่องมือสำหรับสร้างเว็บแอปพลิเคชัน UML ภาษาการวิเคราะห์และออกแบบออบเจ็กต์ การดำเนินการเติมและทดสอบร้านค้าออนไลน์ที่พัฒนาขึ้น การจัดรูปแบบเนื้อหาของเว็บเพจ

วิทยานิพนธ์เพิ่มเมื่อ 06/05/2559


สำรวจความเป็นไปได้และขอบเขตของการใช้ภาษาโปรแกรม JavaScript การวิเคราะห์เปรียบเทียบภาษาโปรแกรม JavaScript และ PHP การพัฒนาเว็บแอปพลิเคชันแบบโต้ตอบโดยใช้ตัวอย่างการทดสอบในหัวข้อ "การเขียนโปรแกรมในภาษาเดลฟี"

งานภาคปฏิบัติเพิ่มเมื่อ 02/04/2015


ลักษณะเปรียบเทียบความสามารถและฟังก์ชันของภาษาโปรแกรม JavaScript และ PHP พื้นที่หลักของการใช้งาน การพัฒนาเว็บแอปพลิเคชันแบบโต้ตอบโดยใช้ JavaScript ตามตัวอย่างการทดสอบในหัวข้อ "การเขียนโปรแกรมในภาษาเดลฟี"

ภาคนิพนธ์เพิ่มเมื่อ 07/01/2014


การพัฒนาและการปฏิบัติจริงของหลักสูตรฝึกอบรมมัลติมีเดียในสาขาวิชา "NEC ASOIU" การวิเคราะห์คุณสมบัติของ LMS MOODLE ที่ปรับเปลี่ยนและความสามารถในการรองรับและจัดโครงสร้างเนื้อหา ประสิทธิผลของแนวทางการก่อตัวของหลักสูตร

วิทยานิพนธ์เพิ่ม 05/21/2009

จากผู้เขียน: Hypertext Markup Language หรือ HTML เป็นภาษามาตรฐานสำหรับการสร้างเว็บไซต์ เช่นเดียวกับทุกสิ่งในโลกเทคโนโลยี HTML มีการพัฒนาอย่างรวดเร็วนับตั้งแต่เริ่มต้นในช่วงปลายทศวรรษ 1980 มือใหม่ในการเขียนโปรแกรมควรเรียนรู้ภาษาเวอร์ชันล่าสุด - HTML5 อย่างไรก็ตามความเข้าใจอย่างลึกซึ้งเกี่ยวกับวิวัฒนาการของภาษาจะช่วยให้ผู้เริ่มต้นและผู้เชี่ยวชาญเห็นคุณค่าของการพัฒนาเว็บในอดีตปัจจุบันและอนาคต

พื้นฐาน HTML

โค้ด HTML จะบอกเบราว์เซอร์ว่าจะแสดงเนื้อหาอย่างไร มาร์กอัปเป็นโครงสร้างพื้นฐานของเพจ เป็นเวลาหลายทศวรรษที่ HTML ถือเป็นเทคโนโลยีที่สำคัญบนเว็บพร้อมกับ CSS และ JS มาตรฐาน HTML และ CSS ได้รับการควบคุมโดยกลุ่มของเว็บทั่วโลก

ตามชื่อที่แนะนำ HTML ไม่ใช่ภาษาโปรแกรม เป็นภาษามาร์กอัปที่ใช้ในการจัดระเบียบข้อมูลบนอินเทอร์เน็ต เอกสาร HTML ประกอบด้วยองค์ประกอบ HTML ซึ่งแสดงเป็นแท็ก แท็กเขียนในวงเล็บเหลี่ยมและจัดหมวดหมู่เนื้อหา ตัวอย่างง่ายๆของโครงสร้าง HTML ที่มีข้อความ "Hello World" มีลักษณะดังนี้:

สวัสดีชาวโลก

เอกสาร HTML จะดาวน์โหลดจากเซิร์ฟเวอร์และบอกเบราว์เซอร์ว่าจะแสดงข้อความลิงก์รูปภาพและรูปแบบโต้ตอบได้อย่างไร

ประวัติ HTML

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

การอัปเดตที่สำคัญครั้งล่าสุดนับตั้งแต่ทศวรรษ 1990 มีจุดมุ่งหมายเพื่อให้ภาษาเป็นสากลรวมทั้งทำให้โปรแกรมเมอร์ทั่วโลกสามารถปรับปรุง HTML ได้ง่ายขึ้น จากความพยายามนี้ Universal Coded Character Set จึงถูกนำมาใช้เป็นการเข้ารหัส HTML อย่างเป็นทางการ การเคลื่อนไหวนี้ปรับปรุงการแสดงตัวอักษรและสำเนียงต่างๆที่พบในภาษามนุษย์และภาษาถิ่น

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

HTML หรือ HTML5: วิวัฒนาการของการพัฒนาเว็บ

ตอนนี้อินเทอร์เน็ตแตกต่างไปจากเดิมอย่างมากในปี 2542 เมื่อมีการเผยแพร่การอัปเดต HTML 4.01 ที่สำคัญล่าสุด มีเทคโนโลยีที่เราไม่สามารถจินตนาการได้ในช่วงเปลี่ยนศตวรรษ สมาร์ทโฟนแท็บเล็ตและอุปกรณ์เคลื่อนที่อื่น ๆ นำเสนอความท้าทายใหม่สำหรับวิศวกรและนักพัฒนาซอฟต์แวร์ การเร่งกระแสโลกาภิวัตน์ทำให้มาตรฐานของเทคโนโลยีอินเทอร์เน็ตมีความสำคัญสำหรับทุกคนที่มีส่วนได้ส่วนเสียในเศรษฐกิจโลก ปริมาณการใช้อินเทอร์เน็ตทั่วโลกเติบโตขึ้นทุกปีและเทคโนโลยีที่ใช้คาดว่าจะพัฒนาเร็วขึ้นและเร็วขึ้น

ดังนั้น HTML5 จึงถูกนำมาใช้เพื่อแก้ไขปัญหาเหล่านี้และมอบประสบการณ์ที่ราบรื่นและสอดคล้องกันมากขึ้นสำหรับผู้ใช้และนักพัฒนา

HTML เป็นความร่วมมือระหว่าง World Wide Web Consortium หรือ W3C และ Web Hypertext Application Technology Working Group หรือ WHATWG ในปี 2549 องค์กรต่างๆได้ร่วมมือกันเพื่อลดการพึ่งพาปลั๊กอินปรับปรุงการจัดการข้อผิดพลาดและแทนที่สคริปต์ด้วยมาร์กอัป ด้วยเหตุนี้ HTML5 จึงทำให้กระบวนการสร้างเว็บแอปพลิเคชันง่ายขึ้นอย่างมาก

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

การนำไปใช้อย่างค่อยเป็นค่อยไป

HTML4 เป็นมาตรฐานมา 15 ปีแล้วปัจจุบันนักพัฒนาหลายคนยังคงใช้มันอยู่ เบราว์เซอร์จะรองรับมาตรฐานนี้ไปอีกนาน เบราว์เซอร์รุ่นเก่าอาจ "ละเว้น" โค้ด HTML5 ใหม่เมื่อแสดงเนื้อหา ในความเป็นจริงเบราว์เซอร์สมัยใหม่ทั้งหมดรองรับข้อกำหนด HTML5 ได้ดี: Chrome, Firefox, Opera และ Safari HTML5 มีการพัฒนาอย่างต่อเนื่องดังนั้นเบราว์เซอร์จึงเพิ่มการรองรับคุณสมบัติใหม่ในเวอร์ชันใหม่ โชคดีสำหรับเราเบราว์เซอร์หลักทั้งหมดพร้อมกันเพิ่มการรองรับคุณสมบัติใหม่เมื่อออกมา

คุณสามารถทดสอบเบราว์เซอร์ของคุณเพื่อรองรับ HTML5 ด้วย HTML5test

นักพัฒนาซอฟต์แวร์ส่วนใหญ่ไม่ต้องแก้ไขไซต์เก่าของตน อย่างไรก็ตามหากคุณต้องการสร้างเว็บไซต์สำหรับอนาคตของคุณคุณควรเรียนรู้เกี่ยวกับข้อดีของ HTML5 บน HTML

HTML vs HTML5: มีอะไรใหม่

หาก HTML ใช้ได้ดีกับทุกคนมานานกว่าสิบปีเหตุใดคุณจึงต้องอัปเดตในปี 2014 ความแตกต่างที่สำคัญที่สุดระหว่าง HTML และ HTML5 เวอร์ชันเก่าคือการรวมวิดีโอและเสียงเข้ากับข้อกำหนดภาษา นอกจากนี้ HTML5 ยังมีการอัปเดตต่อไปนี้:

องค์ประกอบที่เลิกใช้งานเช่นศูนย์แบบอักษรและการขีดฆ่าถูกลบออก

ปรับปรุงกฎการแยกวิเคราะห์ทำให้มีความยืดหยุ่นและเข้ากันได้ดีขึ้น

วิดีโอองค์ประกอบใหม่เวลาการนำทางส่วนความคืบหน้ามาตรวัดด้านข้างและผืนผ้าใบปรากฏขึ้น

แอตทริบิวต์ใหม่สำหรับอินพุต ได้แก่ อีเมล URL วันที่และเวลา

แอตทริบิวต์ใหม่ ได้แก่ charset, async และ ping;

aPI ใหม่ที่มีการแคชออฟไลน์และการรองรับการลากแล้วปล่อย ฯลฯ ;

รองรับกราฟิกแบบเวกเตอร์โดยไม่มีโปรแกรมของบุคคลที่สามเช่น Silverlight หรือ Flash

การสนับสนุน MathML ได้ปรับปรุงการแสดงสัญลักษณ์ทางคณิตศาสตร์

ด้วย API ของ JS Web worker ทำให้ JS สามารถทำงานในเบื้องหลังได้แล้ว

ขณะนี้แอตทริบิวต์ส่วนกลางเช่น tabindex, repeat และ id สามารถนำไปใช้กับองค์ประกอบทั้งหมดได้แล้ว

รูปภาพด้านล่างแสดงคุณสมบัติ HTML5 หลักโดยแบ่งประเภท

อะไรคือประโยชน์ของผู้ใช้ HTML5 ผ่าน HTML?

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

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

หน้าเว็บสามารถแสดงแบบอักษรได้มากขึ้นด้วยช่วงสีเงาและเอฟเฟกต์อื่น ๆ ที่กว้างขึ้น

วัตถุบนหน้าสามารถเคลื่อนที่ด้วยเคอร์เซอร์

สื่อแบบโต้ตอบเช่นเกมสามารถเปิดได้โดยตรงในเบราว์เซอร์โดยไม่ต้องเชื่อมต่อซอฟต์แวร์หรือปลั๊กอินเพิ่มเติม ไม่จำเป็นต้องใช้ปลั๊กอินสำหรับเสียงและวิดีโออีกต่อไป

เบราว์เซอร์สามารถแสดงกราฟิก 3 มิติเชิงโต้ตอบโดยใช้ GPU ของคอมพิวเตอร์

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

ข้อดีสำหรับนักพัฒนาเว็บใน HTML5 ผ่าน HTML คืออะไร

จุดสนใจหลักใน HTML5 คือเพื่อให้นักพัฒนามีความยืดหยุ่นมากขึ้นซึ่งจะนำไปสู่ประสบการณ์ผู้ใช้ที่สมจริงยิ่งขึ้น HTML5 ถูกสร้างขึ้นเพื่อวัตถุประสงค์หลายประการ:

1. การจัดการข้อผิดพลาดเดียวกัน

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

ดังนั้นนักพัฒนาเบราว์เซอร์จึงต้องทดสอบเอกสาร HTML ที่มีข้อผิดพลาดในเบราว์เซอร์อื่นเพื่อทำวิศวกรรมย้อนกลับกระบวนการจัดการข้อผิดพลาด

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

2. ปรับปรุงการสนับสนุนคุณสมบัติสำหรับเว็บแอปพลิเคชัน

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

3. ปรับปรุงความหมายขององค์ประกอบ

บทบาทเชิงความหมายขององค์ประกอบที่มีอยู่บางส่วนได้รับการปรับปรุงทำให้โค้ดใช้งานง่ายขึ้น องค์ประกอบส่วนหัวบทความและการนำทางใหม่สามารถแทนที่แท็ก div ส่วนใหญ่ได้ซึ่งทำให้หาข้อผิดพลาดได้ยากขึ้น

4. การสนับสนุนสูงสุดสำหรับอุปกรณ์มือถือ

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

การปรับปรุงที่โดดเด่นอื่น ๆ

หลายปีผ่านไปนับตั้งแต่เปิดตัว HTML5 และ บริษัท ขนาดใหญ่หลายแห่งได้ย้ายไซต์ของตนไปยังมาตรฐานใหม่ นักพัฒนาหลายคนแสดงความคิดเห็นเกี่ยวกับ HTML และ HTML5 คุณสมบัติที่กล่าวถึงมากที่สุด:

1. รองรับแอตทริบิวต์ข้อมูลที่กำหนดเอง

ก่อน HTML5 การเพิ่มแอตทริบิวต์ที่กำหนดเองให้กับแท็กมีความเสี่ยง ใน HTML4 แอตทริบิวต์ที่กำหนดเองไม่รบกวนการแสดงผลเต็มหน้า แต่เอกสารที่มีไม่ผ่านการตรวจสอบความถูกต้องซึ่งนำไปสู่การแสดงผลในโหมดความเข้ากัน แอตทริบิวต์ data- * ช่วยแก้ปัญหานี้ได้

แอตทริบิวต์ data- * สามารถใช้ในรูปแบบต่างๆได้ แต่จุดประสงค์หลักคือเพื่อเก็บข้อมูลเพิ่มเติมเกี่ยวกับองค์ประกอบ ข้อมูลจะถูกจัดเก็บเป็นสตริงธรรมดา ข้อมูลผู้ใช้ช่วยให้นักพัฒนาสามารถสร้างเพจที่มีส่วนร่วมได้มากขึ้นโดยไม่จำเป็นต้องใช้ Ajax และเทคโนโลยีฝั่งเซิร์ฟเวอร์

2. ไม่มีคุกกี้อีกต่อไป

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

วัตถุ localStorage เป็นของหน้าต่างเนมสเปซส่วนกลางซึ่งหมายความว่าสามารถเข้าถึงได้จากทุกที่ในสคริปต์ คุณสามารถใส่สตริงในที่จัดเก็บในตัวเครื่องเท่านั้น แต่เมื่อใช้เมธอด JSON.stringify () และ JSON.parse () คุณสามารถใส่ข้อมูลใหม่ทั้งหมดที่นั่นได้อย่างง่ายดาย มีวัตถุ sessionStorage อื่นที่อนุญาตให้คุณจัดเก็บข้อมูลจนกว่าผู้ใช้จะปิดหน้าต่างเบราว์เซอร์

3. โฟกัสอัตโนมัติในฟิลด์แบบฟอร์ม

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

4. แท็กสคริปต์และลิงก์ไม่จำเป็นต้องรวมแอตทริบิวต์ type อีกต่อไป

HTML5 ถือว่าสคริปต์และแท็กลิงก์อ้างถึงสคริปต์และสไตล์ซึ่งหมายความว่าแอตทริบิวต์ type ไม่จำเป็นอีกต่อไป

อนาคตของ HTML และ HTML5

นักพัฒนารุ่นต่อไปจะพบข้อได้เปรียบใหม่ ๆ ใน HTML5 อย่างไม่ต้องสงสัยและโซเชียลมีเดียจะช่วยพัฒนาภาษา W3C ประกาศว่าการอัปเดต HTML5 ในอนาคตจะจัดลำดับความสำคัญพื้นฐานของแอปพลิเคชันเช่นเครื่องมือความเป็นส่วนตัว ความสำคัญหลักใน HTML5 คือการกำหนดคุณสมบัติที่ใช้งานร่วมกันได้ที่เชื่อถือได้ดังนั้นสิ่งที่ไม่น่าเชื่อถือจะอยู่ใน HTML 5.1 หนึ่งในข้อเสนอที่ถกเถียงกันมากที่สุดคือการรวมเครื่องมือการจัดการสิทธิ์ดิจิทัล

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

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

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

1. บทนำ

HTML มีการพัฒนาอย่างต่อเนื่องนับตั้งแต่มีการนำเข้าสู่อินเทอร์เน็ตในช่วงต้นทศวรรษที่ 90 ของศตวรรษที่ผ่านมา มีการรวมฟังก์ชันหลายอย่างไว้ในข้อกำหนดและใช้ในซอฟต์แวร์เวอร์ชันต่างๆ ในแง่หนึ่งการใช้งานและวิธีการของผู้เขียนมีความสอดคล้องซึ่งกันและกันและเป็นไปตามข้อกำหนด แต่ในทางกลับกันพวกเขายังคงล่องลอยไป

HTML4 กลายเป็นคำแนะนำ W3C ในปี 1997 แม้ว่าจะยังคงเป็นแนวทางคร่าวๆสำหรับฟังก์ชัน HTML พื้นฐานสำหรับหลาย ๆ คน แต่ก็ไม่ได้ให้ข้อมูลเพียงพอที่จะสร้างการใช้งานที่ทำงานร่วมกับการใช้งานอื่น ๆ และที่สำคัญกว่านั้นคือจำนวนเนื้อหา HTML ที่สำคัญที่สร้างขึ้น นี่เป็นจริงสำหรับทั้ง XHTML1 และ DOM ระดับ 2 HTML HTML5 จะแทนที่เอกสารเหล่านี้

ร่างการทำงาน HTML5 เริ่มพัฒนาในปี 2547 ด้วยความพยายามที่จะศึกษาการใช้ HTML สมัยใหม่และเอกสาร HTML ที่สร้างขึ้นด้วย ร่างการทำงาน:

• อธิบายภาษาแยกต่างหากที่เรียกว่า HTML5 ที่สามารถใช้ไวยากรณ์ HTML หรือ XML
• กำหนดรูปแบบการประมวลผลโดยละเอียดสำหรับการพัฒนาการใช้งานที่ทำงานร่วมกันได้
• ปรับปรุงมาร์กอัปสำหรับเอกสาร HTML
• ใส่มาร์กอัปและ API สำหรับสำนวนที่เพิ่งตั้งขึ้นใหม่เช่นเว็บแอปพลิเคชัน

1.1. ปัญหาที่ไม่ได้รับการแก้ไข

HTML5 เป็นข้อกำหนดที่ยังไม่เสร็จสมบูรณ์ เนื้อหาของ HTML5 ตลอดจนเนื้อหาของเอกสารนี้ ("ความแตกต่างของ HTML5 จาก HTML4") ซึ่งขึ้นอยู่กับ HTML5 โดยตรงยังอยู่ระหว่างการหารือในคณะทำงาน HTML และ WHATWG ปัญหาที่ยังไม่ได้รับการแก้ไข ได้แก่ (รายการนี้ไม่ครอบคลุมทั้งหมด):

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

1.2. ความเข้ากันได้ย้อนหลัง

HTML5 ถูกกำหนดให้เข้ากันได้กับวิธีที่ตัวแทนผู้ใช้จัดการกับเนื้อหาที่เกี่ยวข้อง เพื่อให้ภาษาค่อนข้างเรียบง่ายสำหรับผู้เขียนองค์ประกอบและแอตทริบิวต์บางอย่างจะไม่รวมอยู่ที่อื่นในเอกสารนี้เช่นองค์ประกอบการจัดรูปแบบซึ่งอธิบายได้ดีกว่าในข้อกำหนด CSS

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

1.3. รูปแบบที่พัฒนาขึ้น

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

1.4. ผลกระทบต่อสถาปัตยกรรมเว็บ

พื้นที่ / ความสามารถต่อไปนี้ที่กำหนดไว้ใน HTML5 คาดว่าจะส่งผลกระทบต่อสถาปัตยกรรมเว็บ:

• การใช้ DOM เป็นพื้นฐานในการอธิบายภาษา
• แนวคิดเกี่ยวกับสภาพแวดล้อมของเบราว์เซอร์
• การแยกข้อกำหนดสำหรับตัวแทนผู้ใช้และผู้เขียน HTML
• การใช้คำจำกัดความที่บังคับแทนคำจำกัดความที่เป็นนามธรรมโดยต้องใช้กล่องดำเทียบเท่าในการนำไปใช้
• แนวคิดใหม่ของรูปแบบเนื้อหา (แทนที่แนวคิดขององค์ประกอบแบบอินไลน์และบล็อกใน HTML4)
• พิจารณาความสามารถในการเข้าถึงเป็นแนวคิดหนึ่งในการสร้างคุณลักษณะใหม่ ๆ (เช่นแอตทริบิวต์ที่ซ่อนอยู่องค์ประกอบความคืบหน้า ฯลฯ ) แทนที่จะเป็นส่วนขยายใด ๆ (เช่นแอตทริบิวต์ alt)
• คำจำกัดความโดยละเอียดของความหมาย (ตัวอย่างเช่นอัลกอริธึมโครงร่างแทนที่จะเป็นความหมายที่คลุมเครือใน HTML4)
• องค์ประกอบเมนูและคำสั่ง
• แนวคิดพื้นฐาน
• แคชออฟไลน์ของเว็บแอปพลิเคชัน
• กำหนดอัลกอริทึม "การนำทาง" บริบทการสืบค้นและอัลกอริธึมการข้ามผ่านประวัติเซสชันที่เกี่ยวข้อง
• การควบคุมประเภทเนื้อหาและการเข้ารหัส
• คำอธิบายที่เข้มงวดและชัดเจนของโปรแกรมแยกวิเคราะห์
• ความสามารถของ ContentEditable และ UndoManager
• ลากและวางและคัดลอกและสถาปัตยกรรมที่ผ่านมา
• คุณลักษณะใหม่ของ "แซนด์บ็อกซ์" ("แซนด์บ็อกซ์" สภาพแวดล้อมทางการศึกษาและการทดลอง) สำหรับ iframe

2. ไวยากรณ์

HTML5 ใช้ไวยากรณ์ HTML ที่เข้ากันได้กับเอกสาร HTML4 และ XHTML1 ที่เผยแพร่บนอินเทอร์เน็ต แต่ไม่เข้ากันกับคุณลักษณะ SGML ที่คลุมเครือของ HTML4 เช่นคำแนะนำในการประมวลผลและมาร์กอัปชวเลข เอกสารที่ใช้ไวยากรณ์ HTML มักจะมีประเภทสื่อ text / html

HTML5 ยังอธิบายกฎโดยละเอียดสำหรับการแยกวิเคราะห์ (รวมถึงการจัดการข้อผิดพลาด) ซึ่งส่วนใหญ่เข้ากันได้กับการใช้งานโปรแกรมแยกวิเคราะห์ที่เป็นที่นิยม ตัวแทนผู้ใช้ควรใช้กฎเหล่านี้สำหรับเอกสารที่มีชนิดสื่อข้อความ / html ด้านล่างนี้เป็นตัวอย่างของเอกสารที่สอดคล้องกับไวยากรณ์ HTML ของภาษา HTML5:

ย่อหน้าตัวอย่าง

HTML5 ยังกำหนดประเภทสื่อ text / html-sandboxed สำหรับเอกสารที่ใช้ไวยากรณ์ HTML และมีเนื้อหาที่ไม่ได้รับการยืนยัน (การพัฒนา)

ไวยากรณ์อื่นที่สามารถใช้สำหรับ HTML5 คือ XML ไวยากรณ์นี้เข้ากันได้กับการใช้งาน XHTML1 และเอกสาร เอกสารที่ใช้ไวยากรณ์นี้ต้องเป็นสื่อประเภท XML และองค์ประกอบจะต้องวางไว้ในเนมสเปซ http://www.w3.org/1999/xhtml ตามกฎที่กำหนดเพิ่มเติมโดยข้อกำหนดของ XML

ด้านล่างนี้เป็นตัวอย่างของเอกสารที่สอดคล้องกับไวยากรณ์ XML ของภาษา HTML5 โปรดทราบว่าเอกสาร XML ต้องเป็นสื่อประเภท XML เช่น application / xhtml + xml หรือ application / xml

ย่อหน้าตัวอย่าง

2.1. การเข้ารหัสอักขระ

• ในระดับการขนส่งคุณสามารถใช้ส่วนหัว HTTP Content-Type
• ใช้อักขระ Unicode Byte Order Marker (BOM) ที่จุดเริ่มต้นของไฟล์ อักขระนี้จัดเตรียมลายเซ็นเพื่อใช้การเข้ารหัสที่จำเป็น
• การใช้องค์ประกอบเมตาที่มีแอตทริบิวต์ charset ตัวอย่างเช่น, สามารถใช้เพื่อตั้งค่าการเข้ารหัส UTF-8 รายการนี้แทนที่รายการที่ยาวกว่า ซึ่งใช้ได้ในไวยากรณ์ HTML เช่นกัน

ในการตั้งค่าการเข้ารหัสในกรณีของไวยากรณ์ XML ผู้เขียนต้องใช้กฎที่กำหนดไว้ในข้อกำหนด XML

2.2. DOCTYPE

รูปแบบ HTML HTML5 ต้องการ DOCTYPE เพื่อให้แน่ใจว่าเบราว์เซอร์แสดงผลเพจในโหมดที่สอดคล้องกับมาตรฐาน DOCTYPE ไม่มีวัตถุประสงค์อื่นดังนั้นจึงเป็นทางเลือกสำหรับ XML เอกสารประเภทสื่อ XML จะแสดงผลในโหมดทราบมาตรฐานเสมอ การประกาศ DOCTYPE ควรเป็นดังนี้:มันไม่คำนึงถึงตัวพิมพ์เล็กและใหญ่ในไวยากรณ์ HTML DOCTYPE ใน HTML เวอร์ชันแรกนั้นยาวกว่าเนื่องจาก HTML ใช้ SGML ดังนั้นจึงจำเป็นต้องมีการอ้างอิงถึง DTD ใน HTML5 ไม่จำเป็นต้องใช้ลิงก์ดังกล่าวและต้องใช้ DOCTYPE เพื่อเปิดใช้งานโหมดมาตรฐานสำหรับเอกสารที่มีไวยากรณ์ HTML เท่านั้น เบราว์เซอร์เปลี่ยนไปใช้โหมดมาตรฐานแล้วเมื่อใช้โฆษณา .

2.3. MathML และ SVG

ไวยากรณ์ HTML ของ HTML5 อนุญาตให้ใช้องค์ประกอบ MathML และ SVG ภายในเอกสารได้โดยตรง ด้านล่างนี้เป็นตัวอย่างของการใช้คุณสมบัตินี้:

วงกลมสีเขียว:

นอกจากนี้ยังยอมรับชุดค่าผสมที่ซับซ้อนมากขึ้น ตัวอย่างเช่นด้วยองค์ประกอบ SVG ForeignObject คุณสามารถฝัง MathML, HTML ไว้ในส่วน SVG ที่อยู่ใน HTML ได้

2.4. อื่น ๆ

มีการเปลี่ยนแปลงทางไวยากรณ์อื่น ๆ อีกหลายประการที่ควรกล่าวถึง:

• ขณะนี้ HTML มีการรองรับ IRI ในตัวแล้วแม้ว่าจะสามารถใช้ได้อย่างสมบูรณ์ก็ต่อเมื่อเอกสารเข้ารหัส UTF-8 หรือ UTF-16
• แอตทริบิวต์ lang สามารถเป็นสตริงว่างหรือตัวระบุภาษาที่ถูกต้องเช่นเดียวกับแอตทริบิวต์ xml: lang ใน XML