Hướng dẫn what is name and id html? - tên và id html là gì?

Nếu bạn có một tình huống khi bạn phải quyết định có nên sử dụng thuộc tính ID HTML hay tên hay không, thì bạn đang ở đúng nơi.name attribute, then you are in the right place.

Trong đoạn trích này, chúng tôi sẽ thảo luận về sự khác biệt giữa các thuộc tính ID và tên, sau đó bạn sẽ đưa ra quyết định tốt hơn về việc sử dụng của họ.id and name attributes, after which you’ll make a better decision of their usage.

Hãy để thảo luận riêng chúng và sau đó bạn có thể thấy một ví dụ.

Thuộc tính ID là một đị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à trường hợp nhạy cảm. Nó có thể được sử dụng như một tham chiếu neo trong URL. Nó được liên kết với dữ liệu trong phần tử.id attribute is a unique identifier of the HTML element. Each id attribute must be unique. Also, this attribute must begin with a letter and is case sensitive. It can be used as an anchor reference in URL. It isn’t associated with the data within the element.

Trong CSS, thuộc tính ID được tham chiếu với ký tự #. Trong JavaScript, nó được tham chiếu với getEuityById ().id attribute is referenced with the # character. In Javascript, it is referenced with getElementById().

Thuộc tính tên xác định tên của phần tử. Nó được sử dụng trong yêu cầu HTTP được gửi đến máy chủ như một tên biến của trình duyệt. Thuộc tính này được liên kết với dữ liệu trong phần tử.name attribute defines a name of the element. It is used in the HTTP request that is sent to the server as a variable name by the browser. This attribute is associated with the data within the element.

Giống như thuộc tính ID, thuộc tính tên phải bắt đầu bằng chữ cái và trường hợp nhạy cảm, nhưng không giống như thuộc tính ID, nó có thể không phải là duy nhất.id attribute, the name attribute must begin with a letter and is case sensitive, but unlike the id attribute, it can be not unique.

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 ().name attribute cannot be referenced in CSS. In Javascript, it is referenced with getElementsByName().

Thuộc tính này chỉ hợp lệ trên các yếu tố sau :,,,,,,,,,,, và.

Ví dụ về các thuộc tính ID và tên:id and name attributes:

html>
<html>
  <head>
    <title>Title of the documenttitle>
  head>
  <body>
    <h2>Radio Buttonsh2>
    <form action="/form/submit" method="post">
      <p>Select your gender:p>
      <input type="radio" id="male" name="gender" value="male">
      <label for="male">Malelabel><br>
      <input type="radio" id="female" name="gender" value="female">
      <label for="female">Femalelabel><br>
      <input type="radio" id="other" name="gender" value="other">
      <label for="other">Otherlabel>
      <br>
      <p>Select your age:p>
      <input type="radio" id="age1" name="age" value="30">
      <label for="age1">0 - 25label><br>
      <input type="radio" id="age2" name="age" value="60">
      <label for="age2">25 - 50label><br>
      <input type="radio" id="age3" name="age" value="100">
      <label for="age3">50 - 80label><br><br>
      <input type="submit" value="Submit">
    form>
  body>
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

Bài tập HTML

Kiểm tra bản thân với các bài tập

Exercise:

Thêm thuộc tính HTML chính xác để làm cho phần tử H1 đỏ.

#MyHeader {color: màu đỏ;}




Trang chủ của tôi


Bắt đầu bài tập



ID trong HTML là gì?

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

Tên và ID có giống nhau trong HTML không?

Thuộc tính tên Nó được sử dụng trong yêu cầu HTTP được gửi đến máy chủ dưới dạng tên biến của trình duyệt.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 chữ cái và trường hợp nhạy cảm, nhưng không giống như thuộc tính ID, nó có thể không phải là duy nhất.Like the id attribute, the name attribute must begin with a letter and is case sensitive, but unlike the id attribute, it can be not unique.

Giá trị tên ID ở dạng HTML là gì?

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ởi JavaScript (thông qua HTML DOM) để thao tác phần tử với ID cụ thể. (the value must be unique within the HTML document). The id attribute is most used to point to a style in a style sheet, and by JavaScript (via the HTML DOM) to manipulate the element with the specific id.

Thẻ tên trong HTML là gì?

Thuộc tính tên chỉ định tên cho phần tử HTML.Thuộc tính tên này có thể được sử dụng để tham chiếu phần tử trong JavaScript.Đối với một phần tử, thuộc tính tên được sử dụng làm tài liệu tham khảo khi dữ liệu được gửi.specifies a name for an HTML element. This name attribute can be used to reference the element in a JavaScript. For a
element, the name attribute is used as a reference when the data is submitted.