ในขณะที่การพัฒนาได้เริ่มขึ้นเมื่อหลายปีก่อน HTML5 เริ่มใช้งานร่วมกับนักออกแบบเว็บ / นักพัฒนาซอฟต์แวร์ในปีพ. ศ. 2553 ทางด้านขวาของประตูทำให้ภาษาคุ้นเคยกับผู้เชี่ยวชาญด้านเว็บจำนวนมากเพราะแทนที่จะพยายามสร้างทุกอย่างตั้งแต่เริ่มต้น HTML5 สร้างขึ้นจากสิ่งที่ได้มาก่อน ทุกคนที่รู้จัก HTML 4.01 พบว่าใน HTML5 สามารถอ่านได้ไม่น้อยทีเดียว
แม้ว่า HTML5 จะมีองค์ประกอบมากมายที่มีอยู่ใน HTML มาเรื่อย ๆ แต่ก็ยังได้นำเสนอองค์ประกอบที่ไม่ดีต่อ HTML5 สำหรับองค์ประกอบใหม่ ๆ เหล่านี้เรียกว่า "ปูถนน" ใช้วิธี นี่คือคำศัพท์ที่ใช้โดยทั่วไปในด้านไอทีเพื่อให้เห็นถึงสิ่งที่ผู้คนกำลังทำอยู่และทำอย่างนั้น ในกรณีของนักออกแบบเว็บสิ่งนี้หมายถึงการดูว่าพวกเขากำลังสร้างหน้าเว็บและตัดสินใจในองค์ประกอบใหม่ ๆ ในกิจกรรมเหล่านั้นอย่างไร ตัวอย่างเช่นผู้เชี่ยวชาญด้านเว็บจำนวนมากจะสร้างเว็บไซต์ที่มีหน่วยงานที่ใช้ ID หรือ Class attributes ของ "header", "nav" และ "footer" HTML5 จึงนำเสนอองค์ประกอบใหม่ ๆ เหล่านี้ซึ่งทำให้ผู้เชี่ยวชาญด้านเว็บสามารถเพิ่มความหมายให้กับเอกสารได้มากขึ้นโดยใช้องค์ประกอบแบบแบ่งเฉพาะแทนที่จะเป็นหน่วยงานเพียงแผนกเดียว การรวมกันของความคุ้นเคยและวิธีการที่ได้รับการยอมรับในปัจจุบันทำให้ HTML5 ได้รับการยอมรับอย่างรวดเร็วจากอุตสาหกรรมการออกแบบเว็บ
DOCTYPE HTML5
ก่อนอื่นให้ใช้องค์ประกอบ HTML5 ใหม่เอกสารของคุณต้องมี HTML5 doctype ซึ่ง ได้แก่ :
คุณอาจสังเกตว่า DOCTYPE นี้ไม่ได้พูดถึง "HTML5" โดยเฉพาะ แต่ระบุว่าเป็น "HTML" เนื่องจากประเภทเอกสารนี้เป็นสิ่งที่มีวัตถุประสงค์เพื่อใช้ต่อไปในการทำซ้ำทั้งหมดของภาษา
ในความเป็นจริง HTML5 ควรจะเป็นภาษาที่มีเลขเวอร์ชันล่าสุดโดยมีการเปลี่ยนแปลงใหม่ ๆ ที่จะได้รับการปรับปรุงให้สอดคล้องกันในอนาคต ในความเป็นจริงบางส่วนขององค์ประกอบในรายการด้านล่างได้รับการเพิ่มลงในภาษาที่ดีหลังจากที่เริ่มต้นการผลักดันในปี 2010!
แท็ก HTML5
| แท็ก | คำอธิบาย | |
|---|---|---|
| Anchor or link | ||
| ตัวย่อ | ||
| ที่อยู่หรือผู้เขียนของเอกสาร | ||
| แผนที่ภาพฝั่งไคลเอ็นต์ | ||
| บทความ | ||
| เนื้อหาเชิงเสวนา | ||
| สตรีมเสียง | ||
| กล้า | ||
| เส้นทาง URI หลักสำหรับองค์ประกอบในเอกสาร | ||
| อัลกอริทึมแบบสองทิศทาง | ||
| ใบเสนอราคาแบบยาว | ||
| เนื้อหาของหน้า | ||
| แบ่งบรรทัด | ||
| ปุ่มแบบฟอร์ม HTML | ||
| ผ้าใบสำหรับกราฟิกแบบไดนามิก | ||
| คิดเห็น | ||
| คำอธิบายตาราง | ||
| การอ้างอิง | ||
| รหัสอ้างอิง | |
| คอลัมน์ตาราง | ||
| การจัดกลุ่มคอลัมน์ในตาราง | ||
| คำสั่งหรือการกระทำบนหน้าเว็บ | ||
| ความหมายประเภทเอกสาร | ||
| ตารางข้อมูล | ||
| ตัวเลือกที่กำหนดไว้ล่วงหน้าสำหรับตัวควบคุมอื่น ๆ | ||
| คำจำกัดความของรายการคำจำกัดความหรือช่วงการอภิปราย | ||
| ลบข้อความแล้ว | ||
| ข้อมูลเพิ่มเติมตามความต้องการ | ||
| คำนิยาม | ||
| การสนทนา | ||
| แผนกเชิงตรรกะ | ||
| รายการคำอธิบาย | ||
| คำจำกัดความของรายการหรือลำโพงสนทนา | ||
| ความสำคัญ | ||
| องค์ประกอบที่ฝังตัวสำหรับปลั๊กอิน | ||
| กลุ่มควบคุมฟอร์ม | ||
| คำอธิบายเฉพาะที่ใช้สำหรับ a | ||
| รูปที่มีคำอธิบายเฉพาะ | ||
| ส่วนท้ายของหน้า | ||
| ฟอร์ม | ||
| บรรทัดแรกระดับแรก | ||
| บรรทัดแรกระดับที่สอง | ||
| บรรทัดแรกระดับที่สาม | ||
| บรรทัดแรกระดับที่สี่ | ||
| พาดหัวระดับที่ห้า | ||
| บรรทัดแรกระดับที่หก | ||
| หัวหน้าเอกสาร | ||
|
| ส่วนหัวของหน้า | |
| หัวเรื่อง | ||
| กฎแนวนอน | ||
| องค์ประกอบรากของเว็บเพจ | ||
| สไตล์ตัวเอียง | ||
| กรอบอินไลน์ | ||
| ภาพ | ||
| ป้อนองค์ประกอบของฟอร์ม | ||
| องค์ประกอบของฟอร์มปุ่ม | ||
| องค์ประกอบแบบฟอร์มเช็คบ็อกซ์ | ||
| ใส่สี | ||
| ป้อนข้อมูลวันที่ | ||
| ป้อนข้อมูลวันที่และเวลาทั่วโลก | ||
| ใส่วันที่และเวลาท้องถิ่น | ||
| ป้อนที่อยู่อีเมล | ||
| อิลิเมนต์ฟอร์มอัปโหลดไฟล์ | ||
| องค์ประกอบฟิลด์ฟิลด์ที่ซ่อนอยู่ | ||
| องค์ประกอบของฟอร์มรูปภาพ | ||
| ใส่ปีและเดือน | ||
| ใส่ตัวเลข | ||
| อิลิเมนต์รหัสผ่าน | ||
| องค์ประกอบฟอร์มปุ่มสัญญาณวิทยุ | ||
| ใส่หมายเลขไม่ถูกต้อง | ||
| รีเซ็ตองค์ประกอบของฟอร์มปุ่ม | ||
| ฟิลด์ค้นหา | ||
| ส่งองค์ประกอบของฟอร์มปุ่ม | ||
| ใส่หมายเลขโทรศัพท์ | ||
| อิลิเมนต์ฟิลด์ฟิลด์ข้อความ | ||
| ใส่เวลา | ||
| การป้อน URL | ||
| ใส่ปีและสัปดาห์ | ||
| แทรกข้อความแล้ว | ||
| ข้อความที่จะป้อนโดยผู้ใช้ | ||
| สร้างคีย์ที่ปลอดภัยสำหรับการจัดการใบรับรอง | ||
| ฉลากแบบฟอร์ม | ||
| คำอธิบายฟิลด์ฟิลด์แบบฟอร์ม | ||
| รายการสินค้า | ||
| ลิงก์ไปยังเอกสารที่เกี่ยวข้อง | ||
| เนื้อหาหลักของหน้าเว็บ | ||
| แผนที่ภาพฝั่งไคลเอ็นต์ | ||
| ทำเครื่องหมายหรือเน้นข้อความ | ||
| รายการคำสั่ง | ||
| ข้อมูล Meta เกี่ยวกับเอกสาร | ||
| มาตราส่วนสการ์ | ||
| กำหนดพื้นที่ที่มีลิงก์การนำทาง | ||
| เนื้อหาเมื่อสคริปต์ไม่พร้อมใช้งาน | ||
| วัตถุที่ไม่ได้มาตรฐาน | ||
|
| รายการที่เรียงลำดับหรือลำดับเลข | |
| กลุ่มตัวเลือกในรายการที่เลือก | ||
| ตัวเลือกในรายการที่เลือก | ||
| ผลการคำนวณรูปแบบ | ||
| ย่อหน้า | ||
| พารามิเตอร์ของอิลิเมนต์อ็อบเจ็กต์ | ||
|
| ข้อความที่จัดรูปแบบไว้ล่วงหน้า | |
| ตัวบ่งชี้ความคืบหน้า | ||
| ใบเสนอราคาแบบย่อ | ||
| วงเล็บทับทิม | ||
| ข้อความทับทิม | ||
| คำอธิบายประกอบ Ruby | ||
| ข้อความตี๋ | ||
| เอาต์พุตตัวอย่าง | ||
| สคริป | ||
| ส่วนของหน้า | ||
| เลือกหรือรายการแบบหล่นลง | ||
| ขนาดตัวอักษรเล็ก ๆ | ||
| แหล่งข้อมูลมีเดีย | ||
| ที่เก็บแบบอินไลน์แบบทั่วไป | ||
| เน้นหนัก | ||
| แผ่นสไตล์ | ||
| ห้อย | ||
| สรุปเนื้อหาองค์ประกอบ DETAILS | ||
| ซึ่งเขียน | ||
| ตาราง | ||
| แถวของตารางในร่างกาย | ||
| เซลล์ตาราง | ||
| องค์ประกอบแบบหลายบรรทัด | ||
| แถวส่วนท้ายของตาราง | ||
| เซลล์ส่วนหัวของตาราง | ||
| แถวส่วนหัวของตาราง | ||
| กำหนดเวลา | ||
| หัวข้อ | ||
| แถวของตาราง | ||
|
| รายการที่ไม่มีลำดับหรือ buletted | |
| ข้อความที่กำหนดด้วยตัวแปรหรือผู้ใช้ | ||
|
วิดีโอหรือภาพยนตร์ฝังอยู่ในหน้า |
