รวมถึงองค์ประกอบ 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> | เอาต์พุตตัวอย่าง |