Hướng dẫn how is id tag used html? - thẻ id được sử dụng như thế nào trong html?


Định nghĩa và cách sử dụng

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

Thuộc tính id được sử dụng nhiều nhất để trỏ đến một kiểu trong một bảng kiểu và bằng JavaScript (thông qua HTML DOM) để thao tác phần tử với ID cụ thể.


Áp dụng cho

Thuộc tính id là một thuộc tính toàn cầu và có thể được sử dụng trên bất kỳ phần tử HTML nào.

Yếu tốThuộc tính
Tất cả các yếu tố HTMLTôi

Thí dụ

Thí dụ

Sử dụng thuộc tính ID để thao tác văn bản với JavaScript:


Chào thế giới! Thay đổi văn bản

hàm displayResult () {& nbsp; & nbsp; & nbsp; document.getEuityById ("myheader"). InternalHtml = "Chúc một ngày tốt lành!"; }
function displayResult() {
    document.getElementById("myHeader").innerHTML = "Have a nice day!";
}


Hãy tự mình thử »


Hỗ trợ trình duyệt

Thuộc tính
TôiThí dụThí dụThí dụThí dụThí dụ


Thuộc tính toàn cầu id xác định một định danh (ID) phải là duy nhất trong toàn bộ tài liệu. Mục đích của nó là xác định phần tử khi liên kết (sử dụng định danh đoạn), kịch bản hoặc kiểu dáng (với CSS).id global attribute defines an identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).

Thử nó

CẢNH BÁO: Giá trị của thuộc tính này là một chuỗi mờ: Điều này có nghĩa là các tác giả web không nên dựa vào nó để truyền tải thông tin có thể đọc được của con người (mặc dù có ID của bạn có thể đọc được một phần có thể hữu ích cho việc hiểu mã, ví dụ: hãy xem xét ticket-18659 so với r45tgfe-freds&$@). This attribute's value is an opaque string: this means that web authors should not rely on it to convey human-readable information (although having your IDs somewhat human-readable can be useful for code comprehension, e.g. consider ticket-18659 versus r45tgfe-freds&$@).

Giá trị của ________ 1 không được chứa khoảng trắng (khoảng trắng, tab, v.v.). Các trình duyệt xử lý ID không phù hợp có chứa khoảng trắng như thể khoảng trắng là một phần của ID. Trái ngược với thuộc tính class, cho phép các giá trị phân tách không gian, các phần tử chỉ có thể có một giá trị ID đơn.

Lưu ý: Về mặt kỹ thuật, giá trị cho thuộc tính id có thể chứa bất kỳ ký tự nào, ngoại trừ các ký tự khoảng trắng. Tuy nhiên, để tránh các lỗi vô tình, chỉ nên sử dụng các chữ cái ASCII, chữ số, id0 và id1 và giá trị cho thuộc tính id nên bắt đầu bằng một chữ cái. Ví dụ, id3 có ý nghĩa đặc biệt trong CSS (nó hoạt động như một bộ chọn lớp). Trừ khi bạn cẩn thận thoát khỏi CSS, nó sẽ không được công nhận là một phần của giá trị của thuộc tính id. Thật dễ dàng để quên làm điều này, dẫn đến các lỗi trong mã của bạn có thể khó phát hiện. Technically, the value for an id attribute may contain any character, except whitespace characters. However, to avoid inadvertent errors, only ASCII letters, digits, id0, and id1 should be used and the value for an id attribute should start with a letter. For example, id3 has a special meaning in CSS (it acts as a class selector). Unless you are careful to escape it in the CSS, it won't be recognized as part of the value of an id attribute. It is easy to forget to do this, resulting in bugs in your code that could be hard to detect.

Thông số kỹ thuật

Sự chỉ rõ
HTML Standard # Global-Tibutes: The-ID-Tibute-2
# global-attributes:the-id-attribute-2

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt

Xem thêm

  • Tất cả các thuộc tính toàn cầu.
  • id5 phản ánh thuộc tính này.

Trong bài viết này, chúng ta sẽ biết cách xác định phần tử HTML cụ thể bằng ID của nó bằng thuộc tính ID HTML, cùng với việc hiểu việc triển khai của nó thông qua các ví dụ.HTML id Attribute, along with understanding its implementation through the examples.

Thuộc tính ID là một định danh duy nhất được sử dụng để chỉ định tài liệu. Nó được sử dụng bởi CSS và JavaScript để thực hiện một nhiệm vụ nhất định cho một yếu tố duy nhất. Trong CSS, thuộc tính ID được sử dụng bằng biểu tượng # theo sau là ID. Báo giá không bắt buộc trong TAG = Tiết trong tất cả các trường hợp. Nhưng viết với trích dẫn là một thực hành tốt.id attribute is a unique identifier that is used to specify the document. It is used by CSS and JavaScript to perform a certain task for a unique element. In CSS, the id attribute is used using the # symbol followed by id. quotes are not mandatory in tag=” ” in all cases. But writing with quotes is a good practice.

Syntax:

 

Lưu ý: Đâ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ẻ.This is a global attribute, it can be used in all the tags.

Ví dụ 1: Trong ví dụ này, chúng tôi chỉ đơn giản tạo kiểu cho phần tử với ID Geek Geek. In this example, we simply style the element with id “geeks”.

HTML

id6

id7id8id9

id7id1id9

id3id7id5id9

id3id8

id9id0

id3id2

id3id4id5id9

id4id1id9

id7id1id9

id3id7id5id6id5id9

id3id7id5 idticket-186593ticket-186594____55555454519

id4id1id9

id4id8id9

Output:

Hướng dẫn how is id tag used html? - thẻ id được sử dụng như thế nào trong html?

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ó. In this example, we are adding the styling properties to the specific id attribute value by fetching its id value.

HTML

id6

id7id8id9

id7id1id9

id3id7id3id4id3id9

id3id7id5id9

id3id7id5 idticket-186593ticket-186594____55555454519

id9class4

id9class6

id9class8

id9id0

id3id2

id3id8

id9id0

id9id8

id3id2

id3id4id5id9

id4id1id9

id7id1id9

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ó.

id9id28

id3class2

id4id1id9

id4id8id9

Output:

Hướng dẫn how is id tag used html? - thẻ id được sử dụng như thế nào trong html?

id3id7id13 idticket-186593id16id17id13id9

id3id7id13 idticket-186593ticket-186594id9 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 , , , , ,

id3id8

id9class6

id9class4

id9class8

id9id65

id3id2

id3id7id5 idticket-186593ticket-186594____55555454519

id4id1id9

id7id1id9

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ó.

id3id7id98id9

id3id01

id9id03

id9id05

id9id07

id3id2

id3id4id98id9

id4id1id9

id4id8id9

Output:

Hướng dẫn how is id tag used html? - thẻ id được sử dụng như thế nào trong html?

Nhận giá trị thuộc tính ID bằng phương thức getEuityById ()

Các trình duyệt được hỗ trợ:

  • Google Chrome
  • Cạnh 12 trở lên
  • Firefox 32 trở lên
  • Opera
  • Cuộc đi săn

ID được sử dụng để làm gì?

Một tài liệu nhận dạng (còn được gọi là ID hoặc thông thường là giấy tờ) là bất kỳ tài liệu nào có thể được sử dụng để chứng minh danh tính của một người.Nếu được cấp ở dạng kích thước thẻ tín dụng nhỏ, tiêu chuẩn, nó thường được gọi là thẻ nhận dạng (IC, thẻ ID, thẻ công dân) hoặc thẻ hộ chiếu.to prove a person's identity. If issued in a small, standard credit card size form, it is usually called an identity card (IC, ID card, citizen card), or passport card.

Chúng ta có thể sử dụng ID với thẻ trong HTML không?

Một ID trên thẻ (neo) gán một định danh cho liên kết.Định danh phải là duy nhất trên trang.. The identifier must be unique across the page.

ID có quan trọng trong HTML không?

Bạn không cần phải đặt thuộc tính ID nếu không bắt buộc và bạn luôn có thể thêm thuộc tính ID bất cứ khi nào cần thiết.Chỉ giữ các yếu tố cần thiết trong HTML sẽ giúp bạn dễ dàng đọc, sạch sẽ, kích thước thấp và do đó cải thiện hiệu suất và tốc độ., and you can always add ID attribute whenever required. Keeping only required elements in html will make it easy to read, clean, low on size and hence improves performance and speed.