Đặc tả HTML5 của W3C giới thiệu nhiều thẻ mới để xác định các phần tử ngữ nghĩa/cấu trúc, hướng dẫn định dạng văn bản, điều khiển biểu mẫu, loại đầu vào, v.v. Trang này mô tả tất cả các thẻ HTML5 mới cùng với các bản cập nhật cho thẻ hiện có
Các yếu tố cấu trúc/ngữ nghĩa mới
HTML5 cung cấp các yếu tố ngữ nghĩa mới để xác định các phần khác nhau của trang web
Một thành phần độc lập trong một tài liệu có thể phân phối hoặc tái sử dụng độc lập, e. g. một bài đăng trên diễn đàn, một tạp chí hoặc bài báo, hoặc mục blog
Xác định nội dung liên quan trực tiếp đến nội dung xung quanh nó, chẳng hạn như các liên kết đọc và bảng thuật ngữ có liên quan, có thể hoặc không được lồng trong một phần tử bài viết
Defines a caption for a element
Used in conjunction with the element to mark up diagrams, illustrations, photos, and code listings, etc.
Not be confused with the element, the tag typically contains the section?s heading [an h1?h6 element], as well as other content, such as a navigation links, table of contents, a search form, or any relevant logos.
Đối với nội dung nằm ở cuối trang web hoặc phần gần nhất. Chân trang thường chứa thông tin về phần của nó, chẳng hạn như ai đã viết nó, liên kết đến các tài liệu liên quan, dữ liệu bản quyền, v.v. Ngược lại, nó có thể chứa toàn bộ các phần, với các phụ lục, chỉ mục, thỏa thuận cấp phép và nội dung tương tự khác
Mô tả nội dung chính của phần thân của tài liệu hoặc ứng dụng web. Như vậy, khu vực nội dung chính chứa nội dung liên quan trực tiếp đến hoặc mở rộng theo chủ đề trung tâm của trang. Hơn nữa, nó giúp trình đọc màn hình và các công nghệ hỗ trợ khác hiểu nội dung trang chính bắt đầu từ đâu
Có nghĩa là thu hút sự chú ý của người đọc đến một phần của văn bản do tính liên quan theo ngữ cảnh của nó
Biểu thị một phần có liên kết điều hướng, đến các trang khác hoặc đến các phần trong cùng một trang
Unlike the
Tạo một hộp có thể mở rộng để hiển thị thông tin bổ sung. Hành vi mở rộng/thu gọn không phụ thuộc vào tập lệnh, do đó, nó sẽ hoạt động ngay cả khi JavaScript bị tắt hoặc không được hỗ trợ
Một phần tử tùy chọn tóm tắt nội dung của phần tử chi tiết gốc. Do đó, nó có thể chứa mô tả, chú thích hoặc chú thích
Chứa cả nội dung thân thiện với con người, cùng với dạng có thể đọc được bằng máy của những nội dung đó trong thuộc tính datetime. Các loại nội dung bao gồm từ nhiều loại ngày, thời gian, chênh lệch múi giờ và thời lượng
Các phần tử cấp văn bản
Xác định một phần văn bản có thể được định dạng theo hướng khác với văn bản khác
Xác định ngắt dòng có thể có trong văn bản được viết dưới dạng một từ dài
Các phần tử biểu mẫu mới
HTML5 giới thiệu một số loại đầu vào mới, thuộc tính và các thành phần khác cho ngôn ngữ HTML
Xác định các tùy chọn được xác định trước cho các điều khiển đầu vào. Nó hoạt động theo cách tương tự như hộp văn bản tự động hoàn thành
Xác định trường trình tạo cặp khóa [đối với biểu mẫu]. Khi biểu mẫu của điều khiển được gửi, khóa riêng được lưu trữ trong kho khóa cục bộ và khóa chung được đóng gói và gửi đến máy chủ
Xác định kết quả của phép tính
Trình bày một thanh tiến trình theo dõi tiến trình của một tác vụ
Các loại đầu vào mới
HTML5 đã giới thiệu một số loại đầu vào mới cho các biểu mẫu để giải quyết các yêu cầu định dạng và hành vi cụ thể còn thiếu đối với HTML 4. 01 thông số kỹ thuật. Chẳng hạn, xử lý việc nhập ngày, số, số điện thoại, v.v.
Loại đầu vào mới Thuộc tính đầu vào mới- màu
- ngày tháng
- ngày giờ
- datetime-local
- tháng
- con số
- phạm vi
- Tìm kiếm
- điện thoại
- thời gian
- url
- tuần
- tự động hoàn thành
- tự động lấy nét
- mẫu đơn
- sự hình thành
- định dạng
- phương pháp tạo hình
- formnovalidate
- mục tiêu biểu mẫu
- chiều cao và chiều rộng
- danh sách
- tối thiểu và tối đa
- nhiều
- mẫu [regrec]
- giữ chỗ
- cần thiết
- bước chân
Cú pháp thuộc tính thoải mái hơn
Trong HTML5, các giá trị thuộc tính có thể được phân định bằng dấu ngoặc đơn hoặc dấu ngoặc kép hoặc, trong trường hợp các mục từ đơn lẻ, không có dấu nháy đơn hoặc dấu ngoặc kép. Các thuộc tính không có giá trị [chẳng hạn như bị vô hiệu hóa] không yêu cầu dấu bằng hoặc dấu ngoặc kép [=””]
yếu tố đồ họa
Xác định bản vẽ đồ họa bằng JavaScript Xác định bản vẽ đồ họa bằng SVG
Xem bài viết sau để biết thêm thông tin về phần tử canvas HTML5 và bài viết này để biết thêm về phần tử HTML5 svg
yếu tố truyền thông
As the Internet becomes a more immersive multi-media experience, browsers are now equipped to handle many media types without the need for additional plugins. A prime example is the element that has to an explosion in YouTube video sharing.
Xác định nội dung âm thanh hoặc âm nhạc
Xác định vùng chứa cho các ứng dụng bên ngoài [thường là trình phát video]
Defines sources for and
Defines tracks for and
Xác định nội dung video hoặc phim
The HTML5 Declaration
không phải là một thẻ HTML, mà là một hướng dẫn cho trình duyệt web về phiên bản HTML mà trang được viết. Trong HTML4. 01, được gọi là DTD, vì HTML 4. 01 dựa trên SGML. Vì HTML5 không còn dựa trên SGML, tài liệu Web không yêu cầu tham chiếu đến DTD. phải ở dòng đầu tiên của tài liệu HTML của bạn, trước thẻ mở
Bảng sau đây so sánh một số HTML 4 trước đó. 01 khai báo thay thế duy nhất của HTML5