Các thuộc tính trong html5 là gì?
|
Thuộc tính tùy chỉnh là các thuộc tính không phải là một phần của thuộc tính HTML5 tiêu chuẩn nhưng được tạo rõ ràng. Chúng cho phép chúng tôi thêm thông tin của riêng mình vào các thẻ HTML. Chúng không cụ thể và có thể được sử dụng với tất cả các phần tử HTML. Thông tin bổ sung được lưu trữ thông qua các thuộc tính tùy chỉnh là dữ liệu không cần có bất kỳ ý nghĩa xác định nào. Những dữ liệu này là riêng tư đối với trang hoặc ứng dụng. Thuộc tính tùy chỉnh còn được gọi là thuộc tính dữ liệu Show Bất kỳ thuộc tính nào có tên bắt đầu bằng dữ liệu- là thuộc tính tùy chỉnh. Các thuộc tính data-* cho phép chúng tôi nhúng các thuộc tính tùy chỉnh trên tất cả các phần tử HTML. Chúng hoàn toàn bị bỏ qua bởi tác nhân người dùng. Dữ liệu được lưu trữ có thể được sử dụng trong JavaScript của trang. Chúng tôi cũng có thể sử dụng các thuộc tính dữ liệu này để tạo kiểu cho các phần tử của mình cú pháp Hai phần của thuộc tính tùy chỉnh
ví dụ 1. Trong ví dụ này, chúng ta sẽ đọc giá trị của các thuộc tính này bằng JavaScript khá đơn giản. Trong thực tế, có nhiều hơn một cách để làm như vậy. Một cách đơn giản hơn là sử dụng getAttribute() và setAttribute(). getAttribute() có thể được sử dụng để lấy dữ liệu được lưu trữ từ thuộc tính. Nó sẽ trả về null hoặc một chuỗi rỗng nếu thuộc tính được hỏi không tồn tại. setAttribute() có thể được sử dụng để sửa đổi giá trị của bất kỳ thuộc tính hiện có nào hoặc để thêm một thuộc tính mới. tên tệp. mục lục. html HTML
________số 8
custom_attributes. js. Tệp JavaScript này sẽ xử lý các thuộc tính tùy chỉnh sẽ được truy cập bằng getAttribute(). Chúng tôi sẽ sử dụng điều này để tạo cảnh báo bất cứ khi nào một mục danh sách được nhấp vào. Mã JavaScript trông như thế này Javascript
đầu ra Màn hình đầu ra ví dụ 2. Trong ví dụ này, chúng ta sẽ thấy một cách khác để truy cập các thuộc tính dữ liệu là sử dụng thuộc tính dataset. Thuộc tính này trả về một đối tượng DOMStringMap với một mục cho mỗi thuộc tính dữ liệu tùy chỉnh. Khóa DOMStringMap là một dạng đã chuyển đổi của thuộc tính dữ liệu tùy chỉnh. Tiền tố “data-” bị xóa khỏi tên thuộc tính. Bất kỳ dấu gạch nối nào trong tên cũng bị xóa. Bằng cách này, chúng tôi nhận được một tên camelCase. Sau đó, các thuộc tính có thể được truy cập bằng cách sử dụng tên camelCase được lưu trữ trong đối tượng dưới dạng phần tử giống như khóa. tập dữ liệu. tên khóa hoặc phần tử. tập dữ liệu [tên khóa]. Chúng tôi sẽ lấy danh sách các loại thực phẩm. Các thuộc tính tùy chỉnh sẽ chứa loại thực phẩm. Thuộc tính onclick sẽ kích hoạt JavaScript khi một mục được nhấp vào HTML
________số 8
custom_attributes. js. Bất cứ khi nào một mục được nhấp vào, đoạn mã này sẽ được kích hoạt. Ở đây chúng tôi sẽ cảnh báo loại thực phẩm được lưu trữ trong thuộc tính tùy chỉnh bằng thuộc tính tập dữ liệu. Đoạn mã trông như thế này Javascript
đầu ra Màn hình đầu ra ví dụ 3. Trong ví dụ này, chúng ta sẽ thiết lập màu nền của các thành phần bằng cách sử dụng quyền truy cập CSS mà chúng ta vừa thấy. Vì các thuộc tính tùy chỉnh là các thuộc tính HTML đơn giản, chúng có thể được truy cập từ CSS. Ví dụ: chúng ta có thể sử dụng bộ chọn thuộc tính để tạo kiểu cho màu nền của phần tử tên tệp. mục lục. html HTML
phong cách. css. Chọn các phần tử trong kiểu. css và đặt màu nền của các phần tử bằng các thuộc tính CSS tiêu chuẩn. Có bao nhiêu thuộc tính trong HTML5?Thuộc tính biểu mẫu HTML5. Có 14 thuộc tính mới mà chúng ta sẽ xem xét trong bài viết này.
4 thuộc tính trong HTML là gì?Tóm tắt chương . Tất cả các phần tử HTML có thể có các thuộc tính The href attribute of specifies the URL of the page the link goes to.. The src attribute of The width and height attributes of 2 thuộc tính trong HTML5 là gì?Một tính năng mới được giới thiệu trong HTML 5 là bổ sung các thuộc tính dữ liệu tùy chỉnh. Đoạn mã trên sẽ là HTML5 hoàn toàn hợp lệ với hai thuộc tính tùy chỉnh được gọi là datasubject và data-level .
3 loại thuộc tính trong HTML là gì?Thuộc tính đầu vào HTML . Thuộc tính giá trị. Thuộc tính giá trị đầu vào chỉ định giá trị ban đầu cho trường đầu vào. . Thuộc tính chỉ đọc. . Thuộc tính bị vô hiệu hóa. . Thuộc tính kích thước. . Thuộc tính maxlength. . Các thuộc tính tối thiểu và tối đa. . Thuộc tính lấy nét tự động. . Các thuộc tính chiều cao và chiều rộng |
