ID HTML

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

• Bộ chọn biểu định kiểu. Đây là chức năng mà hầu hết mọi người sử dụng thuộc tính ID cho. Bởi vì chúng là duy nhất, bạn sẽ chỉ tạo kiểu cho một mục trên trang web của mình khi bạn tạo kiểu bằng thuộc tính ID. Nhược điểm của việc sử dụng ID cho mục đích tạo kiểu là nó có mức độ cụ thể rất cao, điều này có thể gây khó khăn nếu bạn cần ghi đè một kiểu vì một số lý do sau này trong biểu định kiểu. Do đó, các phương pháp web hiện tại nghiêng về việc sử dụng các lớp và bộ chọn lớp thay cho ID và bộ chọn ID cho các mục đích tạo kiểu chung
• Các neo được đặt tên để liên kết đến. Trình duyệt web nhắm mục tiêu các vị trí chính xác trong tài liệu web của bạn bằng cách trỏ đến ID ở cuối URL. Thêm id vào cuối URL của trang, trước dấu thăng. Liên kết với các liên kết này với chính trang đó bằng cách thêm thẻ băm và tên ID trong thuộc tính href cho phần tử. Ví dụ: đối với một bộ phận có ID liên hệ, hãy liên kết với bộ phận đó trên trang đó bằng #contact
• Một tài liệu tham khảo cho các kịch bản. Nếu bạn viết bất kỳ hàm Javascript nào, hãy sử dụng thuộc tính ID để bạn có thể thay đổi thành phần chính xác trên trang bằng tập lệnh của mình
• chế biến khác. Id hỗ trợ xử lý trong các tài liệu web của bạn theo bất kỳ cách nào bạn cần. Ví dụ: bạn có thể trích xuất HTML vào cơ sở dữ liệu và sử dụng thuộc tính ID để xác định các trường

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

• ID phải bắt đầu bằng một chữ cái [a-z hoặc A-Z]
• Tất cả các ký tự tiếp theo có thể là chữ cái, số [0-9], dấu gạch ngang [-], dấu gạch dưới [_], dấu hai chấm [. ] và dấu chấm [. ]
• Mỗi ID phải là duy nhất trong tài liệu

Sử dụng thuộc tính ID

Sau 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 15 tháng 12 năm 2022]

Thuộc tính id được sử dụng để chỉ định ID duy nhất cho một thành phần của tài liệu HTML. Nó phân bổ mã định danh duy nhất được CSS và JavaScript sử dụng để thực hiện các tác vụ nhất định

Ghi chú. Trong Cascading Style sheet [CSS], chúng ta có thể dễ dàng chọn một phần tử có id cụ thể bằng cách sử dụng ký hiệu # theo sau là id

Ghi chú. JavaScript có thể truy cập một phần tử với ID đã cho bằng cách sử dụng phương thức getElementById[]

cú pháp

ví dụ 1. Ví dụ sau mô tả cách sử dụng thuộc tính id trong tài liệu CSS

đầu ra

ví dụ 2. Ví dụ sau mô tả cách sử dụng thuộc tính ID trong JavaScript

đầu ra

Hỗ trợ trình duyệt

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

#contact { background: #0cf;}

#contact { background: #0cf;}

45

#contact { background: #0cf;}

#contact { background: #0cf;}

9head>

_______5____56____7

#contact { background: #0cf;}

#contact { background: #0cf;}

9____56>

9html>

đầ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

#contact { background: #0cf;}

#contact { background: #0cf;}

#contact { background: #0cf;}

4>5

4

#contact { background: #0cf;}

#contact { background: #0cf;}

#contact { background: #0cf;}

9head>

_______5____56____7

#contact { background: #0cf;}

đầ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 , , , , , , , and tag. In HTML4.01 id can not start with number.

Sử dụng các thuộc tính ID trong JavaScript. Trong JavaScript, thuộc tính id được sử dụng để thao tác với văn bản, nếu bạn muốn thay đổi một thành phần chính xác trong tập lệnh của mình, thì bạn có thể sử dụng thuộc tính id.  

ví dụ 3. Ví dụ này mô tả việc lấy giá trị thuộc tính id trong Javascript thông qua Phương thức getElementById[]

ID trong HTML là gì?

Làm cách nào để lấy id trong HTML?

ID dùng để làm gì?

ID trong thẻ div là gì?