Hướng dẫn which attribute must have a unique value each time it is used in an html document - thuộc tính nào phải có một giá trị duy nhất mỗi khi nó được sử dụng trong tài liệu html

Thuộc tính HTML id được sử dụng để chỉ định ID duy nhất cho phần tử HTML.

Bạn không thể có nhiều hơn một phần tử có cùng ID trong tài liệu HTML.

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

Thuộc tính id chỉ định ID duy nhất cho phần tử HTML. Giá trị của thuộc tính id phải là duy nhất trong tài liệu HTML.

Thuộc tính id được sử dụng để trỏ đến một khai báo kiểu cụ thể trong một bảng kiểu. Nó cũng được JavaScript sử dụng để truy cập và thao tác phần tử với ID cụ thể.

Cú pháp cho ID là: Viết ký tự băm (#), theo sau là tên ID. Sau đó, xác định các thuộc tính CSS trong niềng răng xoăn {}.

Trong ví dụ sau, chúng tôi có một phần tử

trỏ đến tên ID "Myheader". Phần tử

này sẽ được tạo kiểu theo định nghĩa kiểu #myHeader trong phần đầu:

Thí dụ

#MyHeader {& nbsp; màu nền: lightBlue; & nbsp; Màu sắc: Đen; & nbsp; Đệm: 40px; & nbsp; Text-Align: Center;}

Tiêu đề của tôi

Hãy tự mình thử »

Lưu ý: Tên ID là trường hợp nhạy cảm! The id name is case sensitive!

Lưu ý: Tên ID phải chứa ít nhất một ký tự, không thể bắt đầu với một số và không được chứa khoảng trắng (không gian, tab, v.v.). The id name must contain at least one character, cannot start with a number, and must not contain whitespaces (spaces, tabs, etc.).

---

Sự khác biệt giữa lớp và ID

Tên lớp có thể được sử dụng bởi nhiều phần tử HTML, trong khi tên ID chỉ phải được sử dụng bởi một phần tử HTML trong trang:

Thí dụ

#MyHeader {& nbsp; màu nền: lightBlue; & nbsp; Màu sắc: Đen; & nbsp; Đệm: 40px; & nbsp; Text-Align: Center;}
/* Style the element with the id "myHeader" */
#myHeader {
  background-color: lightblue;
  color: black;
  padding: 40px;
  text-align: center;
}

Tiêu đề của tôi
.city {
  background-color: tomato;
  color: white;
  padding: 10px;
}

My Cities

Hãy tự mình thử »

London

London is the capital of England.

Lưu ý: Tên ID là trường hợp nhạy cảm!

Paris is the capital of France.

Lưu ý: Tên ID phải chứa ít nhất một ký tự, không thể bắt đầu với một số và không được chứa khoảng trắng (không gian, tab, v.v.).

Tokyo is the capital of Japan.

Hãy tự mình thử »

Lưu ý: Tên ID là trường hợp nhạy cảm! You can learn much more about CSS in our CSS Tutorial.

Lưu ý: Tên ID phải chứa ít nhất một ký tự, không thể bắt đầu với một số và không được chứa khoảng trắng (không gian, tab, v.v.).

Sự khác biệt giữa lớp và ID

Tên lớp có thể được sử dụng bởi nhiều phần tử HTML, trong khi tên ID chỉ phải được sử dụng bởi một phần tử HTML trong trang:

/ * Kiểu phần tử với ID "myheader" */#myheader {& nbsp; màu nền: lightBlue; & nbsp; Màu

/ * Phong cách tất cả các yếu tố với tên lớp "Thành phố" */. Thành phố {& nbsp; Màu nền: cà chua; & nbsp; & nbsp; màu: trắng; & nbsp; & nbsp; padding: 10px;}

Thí dụ

#MyHeader {& nbsp; màu nền: lightBlue; & nbsp; Màu sắc: Đen; & nbsp; Đệm: 40px; & nbsp; Text-Align: Center;}

Tiêu đề của tôi

Then, add a link to the bookmark ("Jump to Chapter 4"), from within the same page:

Hãy tự mình thử »

Lưu ý: Tên ID là trường hợp nhạy cảm!

Lưu ý: Tên ID phải chứa ít nhất một ký tự, không thể bắt đầu với một số và không được chứa khoảng trắng (không gian, tab, v.v.).

Sự khác biệt giữa lớp và ID

Tên lớp có thể được sử dụng bởi nhiều phần tử HTML, trong khi tên ID chỉ phải được sử dụng bởi một phần tử HTML trong trang:

Thí dụ

#MyHeader {& nbsp; màu nền: lightBlue; & nbsp; Màu sắc: Đen; & nbsp; Đệm: 40px; & nbsp; Text-Align: Center;}

Tiêu đề của tôi
function displayResult() {
  document.getElementById("myHeader").innerHTML = "Have a nice day!";
}

Hãy tự mình thử »

Lưu ý: Tên ID là trường hợp nhạy cảm!

• Lưu ý: Tên ID phải chứa ít nhất một ký tự, không thể bắt đầu với một số và không được chứa khoảng trắng (không gian, tab, v.v.).
• Sự khác biệt giữa lớp và ID
• Tên lớp có thể được sử dụng bởi nhiều phần tử HTML, trong khi tên ID chỉ phải được sử dụng bởi một phần tử HTML trong trang:
• / * Kiểu phần tử với ID "myheader" */#myheader {& nbsp; màu nền: lightBlue; & nbsp; Màu
• / * Phong cách tất cả các yếu tố với tên lớp "Thành phố" */. Thành phố {& nbsp; Màu nền: cà chua; & nbsp; & nbsp; màu: trắng; & nbsp; & nbsp; padding: 10px;}
• Thành phố của tôi

Londonlondson là thủ đô của nước Anh.

Parisparis là thủ đô của Pháp.

Exercise:

Tokyotokyo là thủ đô của Nhật Bản.

Mẹo: Bạn có thể tìm hiểu nhiều hơn về CSS trong hướng dẫn CSS của chúng tôi.

Dấu trang HTML có ID và liên kết

Dấu trang HTML được sử dụng để cho phép người đọc chuyển sang các phần cụ thể của trang web.

Dấu trang có thể hữu ích nếu trang của bạn rất dài.

Thuộc tính nào phải có giá trị duy nhất là thời gian nó được sử dụng trong tài liệu HTML?

Thuộc tính HTML nào luôn là duy nhất?

Thuộc tính ID có phải là duy nhất không?

3 loại thuộc tính trong HTML là gì?