Các phần tử mới trong HTML5
Dưới đây là danh sách các phần tử mới trong HTML5 và mô tả cách sử dụng chúng.
Những phần tử cú pháp/cấu trúc mới trong HTML5
HTML5 mang tới các phần tử mới để cấu trúc văn bản tốt hơn.
Thẻ | Mô tả |
---|---|
<article> | Định nghĩa một bài viết. |
<aside> | Định nghĩa nội dung bên cạnh nội dung trang |
<bdi> | Phân tách một phận văn bản có thể được định dạng theo cách khác những phần còn lại |
<details> | Định nghĩa chi tiết thêm để người dùng xem hoặc ẩn |
<dialog> | Định nghĩa hộp thoại hoặc cửa sổ |
<figcaption> | Định nghĩa mô tả cho phần tử <figure> |
<figure> | Định nghĩa nội dung tự chứa |
<footer> | Định nghĩa footer cho văn bản (document) hoặc phần văn bản (section) |
<header> | Định nghĩa tiêu đề cho văn bản hoặc phần văn bản |
<main> | Định nghĩa cho nội dung chính của văn bản |
<mark> | Định nghĩa cho phần văn bản được đánh dấu/nhấn mạnh |
<meter> | Định nghĩa đo lường vô hướng cho một khoảng biết trước |
<nav> | Định nghĩa cho đường dẫn điều hướng |
<progress> | Đại diện cho tiến độ công việc |
<rp> | Định nghĩa cho những gì sẽ hiển thị trên trình duyệt mà không hỗ trợ ghi chú ruby. |
<rt> | Định nghĩa để giải thích/phát âm kí tự (với chữ Đông Á) |
<ruby> | Định nghĩa cho ghi chú ruby (với chữ Đông Á) |
<section> | Định nghĩa cho một phần trong văn bản. |
<summary> | Định nghĩa cho phần tiêu đề nhìn thấy được của phần tử <details> |
<time> | Định nghĩa cho ngày tháng/thời gian |
<wbr> | Định nghĩa cho đoạn xuống dòng khả thi |
Các phần tử form mới trong HTML5
Thẻ | Mô tả |
---|---|
<datalist> | Xác định danh sách các lựa chọn định trước cho dữ liệu đầu vào |
<output> | Định nghĩa cho kết quả tính toán |
Các kiểu nhập dữ liệu đầu vào mới trong HTML5
Kiểu dữ liệu đầu vào mới | Kiểu thuộc tính cho dữ liệu đầu vào mới |
---|---|
|
|
HTML5 - Cú pháp thuộc tính mới
HTML5 cho phép 4 kiểu cú pháp cho các thuộc tính. Ví dụ dưới đây cho biết các kiểu cú pháp được dùng trong thẻ <input>
Loại | Ví dụ |
---|---|
Rỗng | <input type="text" value="John" disabled> |
Không trích dẫn | <input type="text" value=John> |
Trích dẫn kép | <input type="text" value="John Doe"> |
Trích dẫn đơn | <input type="text" value='John Doe'> |
Trong HTML5, tất cả 4 cú pháp đều có thể được sử dụng, tùy vào việc thuộc tính đó cần gì.
Đồ họa trong HTML5
Thẻ | Mô tả |
---|---|
<canvas> | Vẽ đồ họa nhanh chóng thông qua kịch bản (thường là JavaScript) |
<svg> | Vẽ đồ họa vector có thể thay đổi kích thước |
Các phần tử đa phương tiện mới trong HTML5
Thẻ | Mô tả |
---|---|
<audio> | Định nghĩa nội dung là âm thanh |
<embed> | Định nghĩa bộ chứa (container) cho ứng dụng ngoài (không phải HTML) |
<source> | Định nghĩa nhiều nguồn cho các phần tử đa phương tiện (<video> và <audio>) |
<track> | Định nghĩa text track cho phần tử đa phương tiện (<video> và <audio>) |
<video> | Định nghĩa video hoặc phim |
Bài trước: Hỗ trợ HTML5 trên các trình duyệt
Bài sau: Cú pháp trong HTML5
3.527
Bạn nên đọc
0 Bình luận
Sắp xếp theo
Xóa Đăng nhập để Gửi
Cũ vẫn chất
-
Cách sử dụng hàm XLOOKUP trong Excel
Hôm qua -
Hướng dẫn cách xem lực chiến Liên Quân Mobile
Hôm qua -
Cách tắt xác thực hai yếu tố trên Facebook khi bị mất điện thoại
Hôm qua -
Samsung DeX là gì? Cách biến điện thoại thành desktop với Samsung Dex
Hôm qua -
Tắt Windows Defender (Windows Security) trên Windows 10, Windows 11
Hôm qua 5 -
Cách bật tự động gửi ảnh HD trên Zalo
Hôm qua -
Tham số hàm Python
Hôm qua -
Thủ thuật mở Microsoft Office 2013/2016 ở chế độ Safe Mode
Hôm qua -
Graves DTCL mùa 7.5: Đồ chuẩn, đội hình Graves Lôi Long
Hôm qua -
Card đồ họa không hoạt động: Nguyên nhân và cách khắc phục
Hôm qua