Trong HTML (Hypertext Markup Language), “id” là một thuộc tính dùng để xác định duy nhất một phần tử trên trang web. Mỗi phần tử có thể có một “id” duy nhất, và điều này giúp bạn tham chiếu và tương tác với phần tử đó thông qua CSS và JavaScript.
Để thêm “id” vào một phần tử trong HTML, bạn cần sử dụng cú pháp sau:
html
<element id="your-unique-id">Content</element>
Trong đó:
- “element” là tên của phần tử HTML bạn muốn thêm “id”.
- “your-unique-id” là giá trị duy nhất mà bạn muốn gán cho “id” của phần tử đó.
- “Content” là nội dung bên trong phần tử (tuỳ thuộc vào loại phần tử đó).
Ví dụ, để tạo một đoạn văn bản có “id” là “my-paragraph”, bạn có thể làm như sau:
html
<p id="my-paragraph">Đây là một đoạn văn bản có id duy nhất.</p>
Sau khi bạn đã gán “id” cho phần tử, bạn có thể sử dụng nó để tùy chỉnh giao diện hoặc thực hiện các tương tác JavaScript. Ví dụ, để chọn một phần tử bằng “id” trong CSS, bạn có thể sử dụng:
css
#your-unique-id {
/* CSS properties */
}
Hoặc để thực hiện một tương tác JavaScript, bạn có thể sử dụng:
javascript
var element = document.getElementById("your-unique-id");
// Thực hiện các tương tác với phần tử
Lưu ý rằng giá trị “id” phải là duy nhất trên trang, tức là không nên sử dụng cùng một giá trị “id” cho nhiều phần tử khác nhau. Trên đây là giới thiệu về ID trong HTML