Id hoạt động như thế nào trong html?
|
Nếu bạn gặp tình huống phải quyết định xem có nên sử dụng thuộc tính id hoặc tên HTML hay không, thì bạn đang ở đúng nơi Show Trong đoạn trích này, chúng ta sẽ thảo luận về sự khác biệt giữa thuộc tính id và tên, sau đó bạn sẽ đưa ra quyết định tốt hơn về cách sử dụng chúng Hãy thảo luận về chúng một cách riêng biệt và sau đó bạn có thể xem một ví dụ Thuộc tính id là một mã định danh duy nhất của phần tử HTML. Mỗi thuộc tính id phải là duy nhất. Ngoài ra, thuộc tính này phải bắt đầu bằng một chữ cái và phân biệt chữ hoa chữ thường. Nó có thể được sử dụng làm tham chiếu neo trong URL. Nó không được liên kết với dữ liệu trong phần tử Trong CSS, thuộc tính id được tham chiếu bằng ký tự #. Trong Javascript, nó được tham chiếu với getElementById() Thuộc tính name xác định tên của phần tử. Nó được sử dụng trong yêu cầu HTTP được trình duyệt gửi đến máy chủ dưới dạng tên biến. Thuộc tính này được liên kết với dữ liệu trong phần tử Giống như thuộc tính id, thuộc tính tên phải bắt đầu bằng một chữ cái và phân biệt chữ hoa chữ thường, nhưng không giống như thuộc tính id, thuộc tính này có thể không phải là duy nhất Thuộc tính tên không thể được tham chiếu trong CSS. Trong Javascript, nó được tham chiếu với getElementsByName() Theo W3C, thuộc tính ID trong HTML là mã định danh duy nhất cho phần tử. Nó cung cấp một cách để xác định một khu vực của trang web cho các kiểu CSS, liên kết neo và mục tiêu cho các tập lệnh Thuộc tính ID được sử dụng để làm gì?Thuộc tính ID thực hiện một số hành động cho các trang web
Quy tắc sử dụng thuộc tính IDĐảm bảo các thuộc tính ID của bạn tuân thủ ba tiêu chuẩn này
Sử dụng thuộc tính IDSau khi bạn xác định một yếu tố duy nhất của trang web của mình, hãy sử dụng biểu định kiểu để chỉ tạo kiểu cho một yếu tố đó Ví dụ: để xác định một liên hệ có tiêu đề ID, hãy sử dụng một trong hai biểu mẫu này div#contact { background: #0cf;}
#contact { background: #0cf;}
Mẫu đầu tiên nhắm mục tiêu một bộ phận có thuộc tính ID của liên hệ. Cái thứ hai vẫn nhắm mục tiêu phần tử có ID liên hệ, nó sẽ không quy định rằng đó là một bộ phận. Kết quả cuối cùng của kiểu dáng sẽ giống hệt nhau Bạn cũng có thể liên kết đến phần tử cụ thể đó mà không cần thêm bất kỳ thẻ nào Tham chiếu đoạn đó trong tập lệnh của bạn bằng phương thức JavaScript getElementById document.getElementById("contact-section")
Thuộc tính ID vẫn rất hữu ích trong HTML, mặc dù bộ chọn lớp đã thay thế chúng cho hầu hết các mục đích tạo kiểu chung. Sử dụng thuộc tính ID làm điểm nối cho các kiểu, đồng thời sử dụng chúng làm điểm neo cho liên kết hoặc mục tiêu cho tập lệnh, có nghĩa là ngày nay chúng vẫn có một vị trí quan trọng trong thiết kế web Trích dẫn bài viết này Định dạng trích dẫn của bạn Kyrnin, Jennifer. "Thuộc tính ID là gì?" . https. //www. suy nghĩ. com/what-is-the-id-attribute-3468186 (truy cập ngày 4 tháng 2 năm 2023) Trong bài viết này, chúng ta sẽ biết cách xác định phần tử HTML cụ thể theo id của nó bằng Thuộc tính id HTML, cùng với việc hiểu cách triển khai nó thông qua các ví dụ Thuộc tính id là một mã định danh duy nhất được sử dụng để chỉ định tài liệu. Nó được CSS và JavaScript sử dụng để thực hiện một tác vụ nhất định cho một phần tử duy nhất. Trong CSS, thuộc tính id được sử dụng bằng ký hiệu # theo sau là id. trích dẫn không bắt buộc trong tag=” ” trong mọi trường hợp. Nhưng viết với dấu ngoặc kép là một thực hành tốt cú pháp Ghi chú. Đây là một thuộc tính toàn cầu, nó có thể được sử dụng trong tất cả các thẻ ví dụ 1. Trong ví dụ này, chúng tôi chỉ tạo kiểu cho phần tử có id là “geeks” HTML
đầu ra Thuộc tính id HTML ví dụ 2. Trong ví dụ này, chúng tôi đang thêm các thuộc tính kiểu dáng vào giá trị thuộc tính id cụ thể bằng cách tìm nạp giá trị id của nó HTML
đầu ra Thêm thuộc tính kiểu vào giá trị thuộc tính id cụ thể Note: In HTML5, id attributes can be used by any HTML tag but in HTML 4.01 there are some restriction to use id attributes. It can not be used by Bài Viết Liên Quan
Bản quyền © 2021 boxhoidap.com Inc.
|
