Mục lục:
Video: HTML 05 - Sử dụng thuộc tính trong thẻ HTML 2025
Thuộc tính cung cấp thêm các cách sửa đổi hành vi của một phần tử hoặc chỉ định thêm thông tin. Thông thường, nhưng không phải luôn luôn, bạn đặt một thuộc tính bằng một giá trị được bao gồm trong dấu ngoặc kép. Dưới đây là một ví dụ sử dụng thuộc tính title và thuộc tính ẩn:
USA
New York City
Thuộc tính tiêu đề cung cấp thông tin tư vấn về phần tử xuất hiện khi con trỏ chuột di chuyển qua văn bản bị ảnh hưởng (nói cách khác, một chú giải công cụ ). Trong ví dụ này, từ Hoa Kỳ được tạo kiểu như một tiêu đề sử dụng thẻ
với một thuộc tính tiêu đề được đặt bằng "Hoa Kỳ". Trong một trình duyệt, khi bạn đặt con trỏ chuột lên từ Hoa Kỳ, văn bản Hoa Kỳ sẽ hiển thị dưới dạng chú giải công cụ.
Thuộc tính ẩn cho biết rằng phần tử không liên quan, vì vậy trình duyệt sẽ không hiển thị bất kỳ phần tử nào có thuộc tính này. Trong ví dụ này, những từ New York City không bao giờ xuất hiện trong cửa sổ trình duyệt vì thuộc tính ẩn nằm trong thẻ mở
. Thực tế hơn, các thuộc tính ẩn thường được sử dụng để ẩn trường từ người dùng nên họ không thể chỉnh sửa chúng. Ví dụ: trang web RSVP có thể muốn bao gồm nhưng ẩn từ chế độ xem của người dùng trường ngày và giờ.
Thuộc tính ẩn là mới trong HTML5, có nghĩa là nó không hoạt động trên một số trình duyệt cũ.
Bạn không phải sử dụng một thuộc tính tại một thời điểm. Bạn có thể bao gồm nhiều thuộc tính trong thẻ HTML mở, như sau:
USA
Trong ví dụ này, thuộc tính title được sử dụng, và thuộc tính lang, đặt nó bằng "en" để xác định rằng nội dung của là phần bằng tiếng Anh.
Khi bao gồm nhiều thuộc tính, tách từng thuộc tính với một khoảng trắng.
Giữ các quy tắc sau khi ghi nhớ khi sử dụng các thuộc tính:
-
Nếu sử dụng một thuộc tính, luôn luôn bao gồm các thuộc tính trong thẻ mở HTML.
-
Nhiều thuộc tính có thể sửa đổi một phần tử.
-
Nếu thuộc tính có một giá trị, sau đó sử dụng dấu bằng (=) và kèm theo giá trị trong dấu ngoặc kép.
