Bao gồm các phần tử HTML cũ và các phần tử mới cho HTML5
Trong khi phát triển của nó đã bắt đầu từ nhiều năm trước, HTML5 đầu tiên thực sự bắt đầu được sử dụng phổ biến với các nhà thiết kế / nhà phát triển web vào năm 2010. Ngay ngoài cửa khẩu, ngôn ngữ đã quen thuộc với nhiều chuyên gia web bởi vì thay vì cố gắng tái tạo lại mọi thứ từ đầu, HTML5 được xây dựng trên những gì đã đến trước đó. Bất cứ ai biết HTML 4.01 nhanh chóng tìm thấy rằng một chút của phiên bản đó bây giờ có thể được tìm thấy trong HTML5.
Trong khi HTML5 bao gồm nhiều yếu tố đã được sử dụng trong HTML trong một thời gian, nó cũng đã giới thiệu một số yếu tố mới cho HTML5. Đối với nhiều yếu tố mới này, một phương pháp được gọi là "mở đường dẫn" được sử dụng. Đây là một thuật ngữ thường được sử dụng trong CNTT về cơ bản có nghĩa là để xem những gì mọi người đã làm và làm điều đó. Trong trường hợp của các nhà thiết kế web, điều này có nghĩa là để xem cách họ đã xây dựng các trang và quyết định cơ sở về các yếu tố mới trên các hoạt động đó. Ví dụ: nhiều chuyên gia web sẽ xây dựng trang web với các bộ phận sử dụng thuộc tính ID hoặc Lớp của "tiêu đề", "điều hướng" và "chân trang". Như vậy, HTML5 đã giới thiệu chúng như là các phần tử mới, cho phép các chuyên gia web thêm ý nghĩa nhiều hơn vào tài liệu của họ bằng cách sử dụng các phần tử phân đoạn chuyên dụng thay vì chỉ các phần. Sự kết hợp giữa tính quen thuộc và cách tiếp cận này đã công nhận các thực tiễn hiện tại đã giúp HTML5 nhanh chóng được chấp nhận bởi ngành thiết kế web.
Loại tài liệu HTML5
Trước hết, để sử dụng bất kỳ phần tử HTML5 mới nào, tài liệu của bạn phải bao gồm loại tài liệu HTML5:
Bạn có thể nhận thấy rằng loại tài liệu này không đề cập cụ thể đến "HTML5", mà chỉ đơn giản là tuyên bố phiên bản là "html". Điều này là do loại tài liệu này là những gì được dự định sẽ được sử dụng cho tất cả các lần lặp lại của ngôn ngữ.
Trên thực tế, HTML5 được cho là phiên bản được đánh số cuối cùng của ngôn ngữ, với những thay đổi mới được thêm vào một cơ sở nhất quán trong tương lai. Trên thực tế, một số yếu tố trong danh sách dưới đây đã được thêm vào ngôn ngữ tốt sau lần đẩy đầu tiên vào năm 2010!
Thẻ HTML5
Nhãn | Giải trình |
---|---|
Neo hoặc liên kết | |
abbr> | Tên viết tắt |
address> | Địa chỉ hoặc tác giả của tài liệu |
| Bản đồ hình ảnh phía máy khách |
| Bài báo |
| Nội dung tiếp tuyến |
Luồng âm thanh | |
b> | Dũng cảm |
| Đường dẫn URI cơ sở cho các phần tử trong tài liệu |
bdo> | Thuật toán hai hướng |
blockquote> | Báo giá dài |
body> | Nội dung trang |
| Ngắt dòng |
Nút biểu mẫu HTML | |
Canvas cho đồ họa động | |
Bình luận | |
| Bảng chú thích |
cite> | Trích dẫn |
code> | Tham chiếu mã |
| Cột bảng |
| Nhóm cột bảng |
| Lệnh hoặc hành động trên trang |
Định nghĩa kiểu tài liệu | |
| Lưới dữ liệu |
Tùy chọn được xác định trước cho các điều khiển khác | |
| Định nghĩa danh sách mô tả hoặc khoảng thời gian diễn thuyết |
| Văn bản đã xóa |
details> | Thông tin bổ sung theo yêu cầu |
dfn> | Định nghĩa |
Cuộc hội thoại | |
div> | Phân chia hợp lý |
| Danh sách mô tả |
| Định nghĩa danh sách thuật ngữ hoặc hộp thoại |
em> | Nhấn mạnh |
Phần tử nhúng cho plugin | |
Nhóm điều khiển biểu mẫu | |
| Chú thích được sử dụng cho phần tử |
| Hình với chú thích tùy chọn |
Chân trang | |
Hình thức | |
h1> | Tiêu đề cấp đầu tiên |
h2> | Dòng tiêu đề cấp hai |
h3> | Dòng tiêu đề cấp ba |
h4> | Tiêu đề cấp thứ tư |
h5> | Tiêu đề cấp thứ năm |
h6> | Tiêu đề cấp thứ sáu |
head> | Trưởng văn bản |
| Tiêu đề của trang |
hgroup> | Nhóm tiêu đề |
| Quy tắc ngang |
html> | Phần tử gốc của trang Web |
i> | Kiểu văn bản in nghiêng |
Khung nội tuyến | |
Hình ảnh | |
Phần tử biểu mẫu nhập | |
Phần tử biểu mẫu nút | |
Yếu tố biểu mẫu hộp kiểm | |
Đầu vào màu | |
Nhập ngày tháng | |
Nhập ngày và giờ toàn cầu | |
Nhập ngày và giờ địa phương | |
Nhập địa chỉ email | |
Phần tử biểu mẫu tải lên tệp | |
Thành phần trường biểu mẫu ẩn | |
Phần tử biểu mẫu hình ảnh | |
| Nhập năm và tháng |
| Nhập số |
Phần tử biểu mẫu mật khẩu | |
Phần tử biểu mẫu nút radio | |
Ngõ vào số hiển thị | |
Đặt lại yếu tố biểu mẫu nút | |
| Trường tìm kiếm |
Gửi phần tử biểu mẫu nút | |
Nhập số điện thoại | |
Phần tử biểu mẫu trường văn bản | |
Nhập thời gian | |
Nhập URL | |
| Nhập năm và tuần |
ins> | Văn bản được chèn |
kbd> | Văn bản được người dùng nhập |
| Tạo khóa bảo mật để quản lý chứng chỉ |
Nhãn biểu mẫu | |
Chú thích fieldset biểu mẫu | |
| Mục danh sách |
Liên kết đến các tài liệu liên quan | |
| Khu vực chính của nội dung trên một trang |
Bản đồ hình ảnh phía máy khách | |
mark> | Văn bản được đánh dấu hoặc đánh dấu |
Danh sách các lệnh | |
Thông tin meta về tài liệu | |
| Máy đo vô hướng |
Xác định khu vực có liên kết điều hướng | |
Nội dung khi tập lệnh không khả dụng | |
Đối tượng không chuẩn | |
| Danh sách có thứ tự hoặc được đánh số |
Nhóm các tùy chọn trong danh sách lựa chọn | |
| Tùy chọn trong danh sách lựa chọn |
Kết quả tính toán biểu mẫu | |
p> | Đoạn văn |
Tham số của phần tử đối tượng | |
pre> | Văn bản được định dạng trước |
Chỉ báo tiến trình | |
q> | Báo giá nội tuyến ngắn |
Dấu ngoặc đơn Ruby | |
Văn bản Ruby | |
ruby> | Chú thích Ruby |
| Văn bản cảnh cáo |
samp> | Đầu ra mẫu |