Các thuộc tính trong HTML5

---

---

Như đã giải thích trong chương trước, các phần tử có thể chứa các thuộc tính mà được sử dụng để thiết lập các thuộc tính đa dạng của một phần tử.

Một số thuộc tính được định nghĩa chung và có thể được sử dụng trong bất kỳ phần tử nào, trong khi thuộc tính khác chỉ được định nghĩa cho các phần tử riêng. Tất cả thuộc tính có một tên và một giá trị và trông giống như ví dụ sau.

Sau đây là ví dụ về thuộc tính HTML5 mà minh họa cách đánh dấu một phần tử div với một thuộc tính với tên class sử dụng một giá trị là "example":

...

Các thuộc tính chỉ có thể được xác định trong thẻ mở và phải không bao giờ được sử dụng trong thẻ đóng.

Các thuộc tính HTML5 là không phân biệt kiểu chữ và có thể được viết bởi chữ hoa hoặc kiểu hỗn hợp, mặc dù quy ước phổ biến nhất là chữ thường.

Các thuộc tính chuẩn

Dưới đây liệt kê các thuộc tính được hỗ trợ bởi hầu hết các thẻ HTML5:

Thuộc tính	Tùy chọn	Chức năng
accesskey	Người dùng định nghĩa	Xác định một phím tắt để truy cập một phần tử.
align	right, left, center	Các thẻ căn chỉnh ngang.
background	URL	Đặt một ảnh nền sau một phần tử.
bgcolor	Giá trị số, thập lục phân, RBG	Đặt một màu nền sau một phần tử.
class	Người dùng định nghĩa	Phân loại một phần tử để sử dụng với Cascading Style Sheets.
contenteditable	true, false	Xác định nếu người sử dụng có thể chỉnh sửa nội dung phần tử hoặc không.
contextmenu	Menu id	Xác định menu bối cảnh cho một phần tử
data-XXXX	Người dùng định nghĩa	Các thuộc tính Custom. Tác giả của một tài liệu HTML có thể định nghĩa các thuộc tính riêng của họ. Phải bắt đầu với "data-".
draggable	true,false, auto	Xác định có hoặc không một người dùng được phép kéo một phần tử.
height	Giá trị số	Xác định chiều cao của bảng, hình ảnh, hoặc ô bảng.
hidden	hidden	Xác định có hoặc không phần tử nên là nhìn thấy hoặc không.
id	Người dùng định nghĩa	Đặt tên một phần tử để sử dụng với Cascading Style Sheets.
item	Danh sách các phần tử	Được sử dụng để tạo nhóm các phần tử.
itemprop	Danh sách các mục	Được sử dụng để tạo nhóm các mục.
spellcheck	true, false	Xác định nếu phần tử đó phải được kiểm tra lỗi chính tả và ngữ pháp.
style	CSS Style sheet	Xác định một style nội tuyến cho một phần tử.
subject	Người dùng định nghĩa ID	Xác định mục tương ứng của phần tử.
tabindex	Số Tab	Xác định thứ tự tab của một phần tử.
title	Người dùng định nghĩa	"Pop-up" title cho các phần tử của bạn.
valign	top, middle, bottom	Các thẻ căn chỉnh dọc trong một phần tử HTML.
width	Giá trị số	Xác định độ rộng của bảng, hình ảnh hoặc ô bảng.

Bạn truy cập vào trang sau để quan sát các thẻ HTML5 và các thuộc tính liên quan: Tổng hợp các thẻ HTML5 cơ bản.

Các thuộc tính Custom (tùy chỉnh)

Là các thuộc tính mà tác giả HTML định nghĩa riêng cho họ. Đây là một tính năng mới được giới thiệu trong HTML5.

Một thuộc tính custom bắt đầu với data- và sẽ được đặt tên dựa trên yêu cầu của bạn. Sau đây là ví dụ đơn giản:

   ...

Hai thuộc tính tùy chỉnh: data-subject và data-level hoàn toàn hợp lệ trong HTML5. Bạn sẽ có thể nhận các giá trị của các thuộc tính này bởi sử dụng JavaScript APIs hoặc CSS theo cách tương tự như khi bạn nhận các thuộc tính chuẩn khác.

---

---

---