thành phần mới của HTML5

thành phần mới trong HTML5

Dưới đây là danh sách các thành phần mới của HTML5 và mô tả của chúng.

thành phần ngữ nghĩa/structrual mới

Các thành phần mới của HTML5 có thể xây dựng cấu trúc tài liệu tốt hơn:

Thẻ Mô tả
<article> định nghĩa bài viết trong tài liệu.
<aside> định nghĩa nội dung bên ngoài nội dung trang.
<bdi> định nghĩa hướng văn bản khác biệt với văn bản khác.
<details> định nghĩa chi tiết bổ sung mà người dùng có thể xem hoặc ẩn.
<dialog> định nghĩa hộp thoại hoặc cửa sổ.
<figcaption> định nghĩa tiêu đề của thành phần <figure>.
<figure> định nghĩa nội dung tự bao gồm, chẳng hạn như hình minh họa, biểu đồ, hình ảnh, danh sách mã nguồn và vân vân.
<footer> định nghĩa chân trang hoặc phần của tài liệu.
<header> định nghĩa tiêu đề trang hoặc phần của tài liệu.
<main> định nghĩa nội dung chính của tài liệu.
<mark> định nghĩa nội dung quan trọng hoặc nổi bật.
<menuitem> định nghĩa lệnh hoặc mục trình đơn mà người dùng có thể gọi từ trình đơn bật lên.
<meter> định nghĩa đo lường cỡ vĩ mô (thang đo) trong phạm vi已知.
<nav> định nghĩa liên kết định hướng trong tài liệu.
<progress> định nghĩa tiến độ công việc.
<rp> định nghĩa điều gì được hiển thị trong trình duyệt không hỗ trợ chú thích ruby.
<rt> định nghĩa giải thích hoặc phát âm của ký tự (dùng cho font Đông Á).
<ruby> định nghĩa chú thích ruby (dùng cho font Đông Á).
<section> định nghĩa phần của tài liệu.
<summary> định nghĩa tiêu đề hiển thị của thành phần <details>.
<time> định nghĩa ngày/giờ.
<wbr> định nghĩa điểm ngắt hàng (line-break).

Đọc thêm về ý nghĩa ngữ pháp HTML5nội dung.

thành phần biểu mẫu mới

Thẻ Mô tả
<datalist> định nghĩa tùy chọn trước định nghĩa của bộ phận đầu vào.
<keygen> định nghĩa trường tạo cặp khóa (dùng cho biểu mẫu).
<output> định nghĩa kết quả tính toán.

Đọc thêm về Các yếu tố hình thức HTMLthành phần mới, cũ và cũ của HTML.

kiểu đầu vào mới

kiểu đầu vào mới thuộc tính đầu vào mới
  • màu
  • ngày
  • datetime
  • datetime-local
  • email
  • tháng
  • số
  • phạm vi
  • tìm kiếm
  • tel
  • thời gian
  • url
  • tuần
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • chiều cao và chiều rộng
  • danh sách
  • min và max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

Học Loại đầu vào HTMLtất cả các loại đầu vào mới và cũ.

Học Thuộc tính đầu vào HTMLtất cả các thuộc tính đầu vào.

HTML5 - Ngữ pháp thuộc tính mới

HTML5 cho phép bốn ngữ pháp thuộc tính khác nhau.

Ví dụ minh họa các ngữ pháp khác nhau được sử dụng trong thẻ <input>:

Thẻ Mô tả
Trống <input type="text" value="Bill Gates" disabled>
Không có dấu ngoặc kép <input type="text" value=Bill>
Dấu ngoặc kép kép <input type="text" value="Bill Gates">
Dấu ngoặc kép đơn <input type="text" value='Bill Gates'>

Trong HTML5, tùy thuộc vào yêu cầu của thuộc tính, có thể sử dụng tất cả bốn ngữ pháp này.

Hình ảnh HTML5

Thẻ Mô tả
<canvas> Định nghĩa việc vẽ hình ảnh sử dụng JavaScript.
<svg> Định nghĩa việc vẽ hình ảnh sử dụng SVG.

Đọc thêm về HTML5 Canvas nội dung.

Đọc thêm về HTML5 SVG nội dung.

Các yếu tố truyền thông mới

Thẻ Mô tả
<audio> Định nghĩa nội dung âm thanh hoặc nhạc.
<embed> Định nghĩa hộp chứa ứng dụng bên ngoài (ví dụ: plugin).
<source> Định nghĩa nguồn của <video> và <audio>.
<track> Định nghĩa các đ軌 của <video> và <audio>.
<video> Định nghĩa nội dung video hoặc phim.

Đọc thêm về Video HTML5nội dung.

Đọc thêm về Âm thanh HTML5nội dung.