รวมถึงองค์ประกอบ HTML เก่า ๆ และ HTML ใหม่ ๆ
ในขณะที่การพัฒนาได้เริ่มขึ้นเมื่อหลายปีก่อน 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 | |
| abbr> | ตัวย่อ |
| address> | ที่อยู่หรือผู้เขียนของเอกสาร |
| <พื้นที่> | แผนที่ภาพฝั่งไคลเอ็นต์ |
| <บทความ> บทความ> | บทความ |
| <กัน> กัน> | เนื้อหาเชิงเสวนา |
| <เสียง> เสียง> | สตรีมเสียง |
| b> | กล้า |
| <ฐาน> | เส้นทาง URI หลักสำหรับองค์ประกอบในเอกสาร |
| bdo> | อัลกอริทึมแบบสองทิศทาง |
blockquote> | ใบเสนอราคาแบบยาว |
| body> | เนื้อหาของหน้า |
| ฟรี | แบ่งบรรทัด |
| ปุ่มแบบฟอร์ม HTML | |
| <ผ้าใบ> ผ้าใบ> | ผ้าใบสำหรับกราฟิกแบบไดนามิก |
| คิดเห็น | |
| | คำอธิบายตาราง |
| cite> | การอ้างอิง |
code> | รหัสอ้างอิง |
| <เทือกเขา> | คอลัมน์ตาราง |
| | การจัดกลุ่มคอลัมน์ในตาราง |
| <คำสั่ง> | คำสั่งหรือการกระทำบนหน้าเว็บ |
| ความหมายประเภทเอกสาร | |
| | ตารางข้อมูล |
| ตัวเลือกที่กำหนดไว้ล่วงหน้าสำหรับตัวควบคุมอื่น ๆ | |
| | คำจำกัดความของรายการคำจำกัดความหรือช่วงการอภิปราย |
| | ลบข้อความแล้ว |
| <รายละเอียด> รายละเอียด> | ข้อมูลเพิ่มเติมตามความต้องการ |
| dfn> | คำนิยาม |
| <โต้ตอบ> โต้ตอบ> | การสนทนา |
| div> | แผนกเชิงตรรกะ |
| รายการคำอธิบาย |
| | คำจำกัดความของรายการหรือลำโพงสนทนา |
| em> | ความสำคัญ |
| องค์ประกอบที่ฝังตัวสำหรับปลั๊กอิน | |
| กลุ่มควบคุมฟอร์ม | |
| | คำอธิบายเฉพาะที่ใช้สำหรับอิลิเมนต์ |
| <รูป> รูป> | รูปที่มีคำอธิบายเฉพาะ |
| <ท้าย> ท้าย> | ส่วนท้ายของหน้า |
| ฟอร์ม | |
h1> | บรรทัดแรกระดับแรก |
h2> | บรรทัดแรกระดับที่สอง |
h3> | บรรทัดแรกระดับที่สาม |
h4> | บรรทัดแรกระดับที่สี่ |
h5> | พาดหัวระดับที่ห้า |
h6> | บรรทัดแรกระดับที่หก |
| head> | หัวหน้าเอกสาร |
| <หัว> หัว> | ส่วนหัวของหน้า |
| hgroup> | หัวเรื่อง |
| | กฎแนวนอน |
| html> | องค์ประกอบรากของเว็บเพจ |
| i> | สไตล์ตัวเอียง |
| กรอบอินไลน์ | |
| | ภาพ |
| ป้อนองค์ประกอบของฟอร์ม | |
| องค์ประกอบของฟอร์มปุ่ม | |
| องค์ประกอบแบบฟอร์มเช็คบ็อกซ์ | |
| ใส่สี | |
| ป้อนข้อมูลวันที่ | |
| ป้อนข้อมูลวันที่และเวลาทั่วโลก | |
| ใส่วันที่และเวลาท้องถิ่น | |
| ป้อนที่อยู่อีเมล | |
| อิลิเมนต์ฟอร์มอัปโหลดไฟล์ | |
| องค์ประกอบฟิลด์ฟิลด์ที่ซ่อนอยู่ | |
| องค์ประกอบของฟอร์มรูปภาพ | |
| ใส่ปีและเดือน | |
| ใส่ตัวเลข | |
| อิลิเมนต์รหัสผ่าน | |
| องค์ประกอบฟอร์มปุ่มสัญญาณวิทยุ | |
| ใส่หมายเลขไม่ถูกต้อง | |
| รีเซ็ตองค์ประกอบของฟอร์มปุ่ม | |
| ฟิลด์ค้นหา | |
| ส่งองค์ประกอบของฟอร์มปุ่ม | |
| ใส่หมายเลขโทรศัพท์ | |
| อิลิเมนต์ฟิลด์ฟิลด์ข้อความ | |
| ใส่เวลา | |
| การป้อน URL | |
| ใส่ปีและสัปดาห์ | |
| ins> | แทรกข้อความแล้ว |
| kbd> | ข้อความที่จะป้อนโดยผู้ใช้ |
| | สร้างคีย์ที่ปลอดภัยสำหรับการจัดการใบรับรอง |
| ฉลากแบบฟอร์ม | |
| <ตำนาน> legend> | คำอธิบายฟิลด์ฟิลด์แบบฟอร์ม |
| | รายการสินค้า |
| ลิงก์ไปยังเอกสารที่เกี่ยวข้อง | |
| | เนื้อหาหลักของหน้าเว็บ |
| แผนที่ภาพฝั่งไคลเอ็นต์ | |
| <เครื่องหมาย> เครื่องหมาย> | ทำเครื่องหมายหรือเน้นข้อความ |
| <เมนู> menu> | รายการคำสั่ง |
| ข้อมูล Meta เกี่ยวกับเอกสาร | |
| <เมตร> เมตร> | มาตราส่วนสการ์ |
| กำหนดพื้นที่ที่มีลิงก์การนำทาง | |
| เนื้อหาเมื่อสคริปต์ไม่พร้อมใช้งาน | |
| วัตถุที่ไม่ได้มาตรฐาน | |
| รายการที่เรียงลำดับหรือลำดับเลข |
| กลุ่มตัวเลือกในรายการที่เลือก | |
| ตัวเลือกในรายการที่เลือก | |
| <ส่งออก> ส่งออก> | ผลการคำนวณรูปแบบ |
| p> | ย่อหน้า |
| <พารามิเตอร์> | พารามิเตอร์ของอิลิเมนต์อ็อบเจ็กต์ |
pre> | ข้อความที่จัดรูปแบบไว้ล่วงหน้า |
| <ความคืบหน้า> ความคืบหน้า> | ตัวบ่งชี้ความคืบหน้า |
q> | ใบเสนอราคาแบบย่อ |
| วงเล็บทับทิม | |
| ข้อความทับทิม | |
| <ทับทิม> ทับทิม> | คำอธิบายประกอบ Ruby |
| | ข้อความตี๋ |
| samp> | เอาต์พุตตัวอย่าง |