Thuộc tính HTML
Các phần tử HTML có thể có các thuộc tính
Thuộc tính cung cấp thêm thông tin về một yếu tố
Các thuộc tính được chỉ định luôn trong thẻ bắt đầu
Các thuộc tính đi theo cặp tên / giá trị như: name = "value"
Thuộc tính lang (Ngôn ngữ)
Các ngôn ngữ tài liệu có thể được khai báo trong tag <html>.
Các ngôn ngữ được khai báo trong thuộc tính lang.
Khai báo một ngôn ngữ là quan trọng cho các ứng dụng truy cập (đọc màn hình) và công cụ tìm kiếm:
<!DOCTYPE html>
<html lang="vi-VN">
<body>
<h1>Quy Le VHB Group</h1>
<p>Blog chia se kien thuc hacking & Security & Web.</p>
</body>
</html>
Các thuộc tính tiêu đề
Đoạn văn HTML được định nghĩa với thẻ <p>.
Trong ví dụ này, các phần tử<p> có một thuộc tính tiêu đề. Các giá trị của thuộc tính là "About Quy Le VHB":
<p title="About Quy Le VHB Blog">Khi bạn di chuyển chuột qua các yếu tố, tiêu đề sẽ được hiển thị như là một tooltip.
Technology blogs, hacking tricks and tips.
</p>
Các thuộc tính href
HTML liên kết được định nghĩa với các từ khóa <a>. Các địa chỉ liên kết được quy định trong các thuộc tính href:
<a href="http://quylevhb.blogspot.com/">Quy Le Blog</a>Bạn sẽ được tìm hiểu thêm về các liên kết và các khóa <a> sau trong các tut sau.
Thuộc tính kích thước
Hình ảnh HTML được định nghĩa với thẻ <img>.
Các tên tập tin của nguồn (src), và kích thước của hình ảnh (chiều rộng - width và chiều cao - height) đều được cung cấp như các thuộc tính:
<img src="quylevhb.jpg" width="104" height="142">Kích thước hình ảnh được quy định tại các điểm ảnh: width = "104" có nghĩa là màn hình 104 pixels.
Bạn sẽ tìm hiểu thêm về hình ảnh và các tag <img> ở các tut sau.
Thuộc tính alt
Các thuộc tính alt xác định một văn bản thay thế sẽ được sử dụng, khi một phần tử HTML có thể không được hiển thị.
Các giá trị của các thuộc tính có thể được đọc bởi "màn hình đọc". Bằng cách này, một người nào đó "lắng nghe" các trang web, ví dụ như một người mù, có thể "nghe" các phần tử.
<img src="quylevhb.jpg" alt="quylevhb.blogspot.com" width="104" height="142">
Chúng tôi đề nghị: Luôn luôn sử dụng thuộc tính bằng chữ thường
- Các tiêu chuẩn HTML5 không yêu cầu tên thuộc tính chữ thường.
- Các thuộc tính tiêu đề có thể được viết bằng chữ hoa hay chữ như Title và / hoặc TITLE.
- W3C khuyến cáo chữ thường trong HTML4, và đòi hỏi chữ thường cho các loại tài liệu khắt khe như XHTML.
Chúng tôi đề nghị: Luôn dùng dấu ngoặc kép khi viết giá trị thuộc tính
- Các tiêu chuẩn HTML5 không cần dấu ngoặc kép quanh giá trị thuộc tính.
- Các thuộc tính href, minh chứng ở trên, có thể được viết như sau:
<a href=http://quylevhb.blogspot.com/>- W3C khuyến cáo dấu ngoặc kép trong HTML4, và yêu cầu báo giá cho các loại tài liệu khắt khe như XHTML.
- Sử dụng dấu ngoặc kép là rất cần thiết. Nếu không có dấu ngoặc kép văn bản sẽ không hiển thị một cách chính xác, bởi vì nó có chứa một khoảng trống:
<p title=About Quy Le VHB>
Dùng dấu " hay '
Dấu " phổ biến nhất trong HTML, nhưng dấu ' cũng có thể được sử dụng.
Trong một số trường hợp, khi các giá trị thuộc tính
<p title='John "ShotGun" Nelson'>
Hoặc ngược lại:
<p title="John 'ShotGun' Nelson">
Tóm lại
- Tất cả phần tử HTML có thể có các thuộc tính
- Các thuộc tính tiêu đề title cung cấp thêm "tool-tip" thông tin
- Các thuộc tính href cung cấp thông tin địa chỉ để liên kết
- Chiều rộng và chiều cao cung cấp thông tin kích thước cho hình ảnh
- Thuộc tính alt cung cấp văn bản để đọc màn hình
Thuộc tính HTML
Dưới đây là danh sách chữ cái của một số thuộc tính thường được sử dụng trong HTML:
Dịch và biên tập từ w3schools bởi Quỷ Lệ - VHB Group
Đăng nhận xét Blogger Facebook