สมาชิกใหม่ของ HTML5

สมาชิกใหม่ของ HTML5

สมาชิกใหม่ของ HTML5 ที่ระบุด้านล่าง และคำอธิบายของมัน

สมาชิกศัพท์/โครงสร้างใหม่

สมาชิกใหม่ของ HTML5 สามารถทำให้โครงสร้างเอกสารดีขึ้น

แท็ก รายละเอียด
<article> กำหนดบทความในเอกสาร
<aside> กำหนดเนื้อหาที่อยู่นอกเนื้อหาหน้าเว็บ
<bdi> กำหนดทิศทางของข้อความที่แตกต่างจากข้อความอื่น
<details> กำหนดรายละเอียดเพิ่มเติมที่ผู้ใช้สามารถดูหรือซ่อนได้
<dialog> กำหนดกล่องโต้ตอบหรือหน้าต่าง
<figcaption> กำหนดหัวข้อขององค์ประกอบ <figure>
<figure> กำหนดเนื้อหาที่เป็นเนื้อหาที่เปิดโอกาสให้ใช้งานต่างๆ อย่างเช่น ภาพกราฟิก ตาราง ภาพ รายการรหัส และอื่นๆ
<footer> กำหนดท้ายเรื่องของเอกสารหรือหน่วยงาน
<header> กำหนดหัวเรื่องของเอกสารหรือหน่วยงาน
<main> กำหนดเนื้อหาหลักของเอกสาร
<mark> กำหนดสิ่งที่สำคัญหรือเน้น
<menuitem> กำหนดคำสั่ง/สมาชิกเมนูที่สามารถเรียกด้วยเมนูประเมิน
<meter> กำหนดการวัดความยาวของมาตราวิถี (ปริมาณมาตรา)
<nav> กำหนดลิงก์นำทางในเอกสาร
<progress> กำหนดความคืบหน้าของงาน
<rp> กำหนดสิ่งที่จะแสดงที่บราวเซอร์ที่ไม่สนับสนุน ruby comment
<rt> กำหนดการอธิบาย/การพยายามของตัวอักษร (ใช้กับตัวอักษรในแนวตะวันออก)
<ruby> กำหนดหมายเหตุ ruby (ใช้กับตัวอักษรในแนวตะวันออก)
<section> กำหนดหน่วยงานในเอกสาร
<summary> กำหนดข้อความหัวข้อที่เห็นได้ขององค์ประกอบ <details>
<time> กำหนดวัน/เวลา
<wbr> กำหนดจุดหยุดบรรจุคำ (line-break)

อ่านเพิ่มเติมเกี่ยวกับ ความหมายทางศัพท์ HTML5ของเนื้อหา

สมาชิกฟอร์มใหม่

แท็ก รายละเอียด
<datalist> กำหนดตัวเลือกก่อนระบุของปุ่มนำเข้า
<keygen> กำหนดฟิลด์เคย์เจนเนอร์ (ใช้ในฟอร์ม)
<output> กำหนดผลการคำนวณ。

อ่านเพิ่มเติมเกี่ยวกับ ตัวแทนฟอร์ม HTML中新老元素。

ใหม่สำหรับประเภท input

ใหม่สำหรับประเภท input ใหม่สำหรับคุณสมบัติแบบ input
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • height และ width
  • list
  • min และ max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

เรียน HTML ประเภทอินพุทของทุกประเภทอินพุทใหม่และเก่า

เรียน คุณสมบัติ Input HTMLของทุกอัตราะบุอินพุท

HTML5 - บริบทอัตราะบุใหม่

HTML5 อนุญาตให้มีบริบทที่แตกต่างกันสี่รูปแบบของอัตราะบุ

ตัวอย่างนี้แสดงความแตกต่างของบริบทที่ใช้ในแท็ก <input>

แท็ก รายละเอียด
Empty <input type="text" value="Bill Gates" disabled>
Unquoted <input type="text" value=Bill>
Double-quoted <input type="text" value="Bill Gates">
Single-quoted <input type="text" value='Bill Gates'>

ใน HTML5 อาจใช้ทั้งสี่บริบทนี้ตามที่ต้องการโดยคุณ

HTML5 ภาพ

แท็ก รายละเอียด
<canvas> กำหนดการวาดภาพที่ใช้ JavaScript
<svg> กำหนดการวาดภาพที่ใช้ SVG

อ่านเพิ่มเติมเกี่ยวกับ Canvas HTML5 ของเนื้อหา

อ่านเพิ่มเติมเกี่ยวกับ HTML5 SVG ของเนื้อหา

สมาชิกสื่อใหม่

แท็ก รายละเอียด
<audio> กำหนดเนื้อหาเสียงหรือเพลง
<embed> กำหนดแท้งความเป็นที่อยู่ของโปรแกรมประยุกต์ภายนอก (เช่น เครื่องมือแทร็ก)
<source> กำหนดแหล่งข้อมูล <video> และ <audio>
<track> กำหนดแนวทาง <video> และ <audio>
<video> กำหนดเนื้อหาวิดีโอหรือภาพยนตร์

อ่านเพิ่มเติมเกี่ยวกับ HTML5 วิดีโอของเนื้อหา

อ่านเพิ่มเติมเกี่ยวกับ HTML5 วิดีโอของเนื้อหา