>웹 프론트엔드 >HTML 튜토리얼 >HTML에서 ID와 NAME의 차이점

HTML에서 ID와 NAME의 차이점

巴扎黑
巴扎黑원래의
2017-04-05 09:43:521701검색

웹 개발을 해본 거의 모든 사람들이 요소의 ID와 이름의 차이점이 무엇인지 물어봤다고 할 수 있습니다. ID가 있는데 왜 이름이 필요한가요? 그리고 가장 고전적인 대답도 얻을 수 있습니다. ID는 사람의 ID 번호와 같고 이름은 이름과 같습니다. ID는 분명히 고유하며 이름은 반복될 수 있습니다.

위 단락의 ID와 이름에 대한 답변은 너무 일반적입니다. 아래에서 자세히 설명하겠습니다.

1. HTML에서 요소를 호출하는 데 이름과 ID를 모두 사용할 수 있습니다.

스크립트에서 페이지의 html 요소에 액세스해야 할 때 일반적으로 HTML 요소

의 ID 또는 이름을 지정합니다. WEB 표준에서는 HTML 문서의 모든 요소에 getElementById(), getElementsByName() 및 getElementsByTagName()을 통해 액세스할 수 있습니다.

특정 요소에 액세스하려면 표준 document.getElementById(id)를 사용해 보세요.

문서에 동일한 이름을 가진 태그가 두 개 이상 있는 경우 document.getElementsByName(name)은 이러한 요소를 가져와 배열을 형성할 수 있습니다.

태그에 액세스하려면 표준 document.getElementByTagName(tag)을 사용하세요.

참고: ID 식별자는 대소문자를 구분하지만 이름에는 기본적으로 요구 사항이 없으며 숫자도 사용할 수 있습니다.

2. 어떤 경우에 이름을 사용해야 하나요?

1. 양식 요소(예: 양식, 입력, 텍스트 영역, 선택, 버튼 등)는 일반적으로 양식 제출과 관련되어 있으며, 양식의 수신 페이지에서는 ID가 지정된 요소만 수신할 수 없습니다. 양식을 통해.

2. 양식 요소 체크박스와 라디오 버튼은 일반적으로 여러 컨트롤에 해당합니다. 이 경우 그룹화를 위해서는 이름 속성을 사용해야 합니다. 같은 그룹은 같은 이름을 사용합니다. 두 질문의 선택지 사이에는 간섭이 없습니다.

3. 다른 iframe 및 프레임에서 대상을 지정하는 데 사용되는 프레임 요소(iframe, 프레임)의 이름입니다.

4. 페이지에 앵커 포인트를 설정합니다. 91d83b4822db6c9c4aabe5918601cc24link5db79b134e9f6b82c0b36e0489ee08ed : 029682702b6277a67ebd72b563fab8f55db79b134e9f6b82c0b36e0489ee08ed, 페이지 앵커를 얻습니다.

5. IMG 요소와 MAP 요소를 연결할 때 IMG의 핫스팟 영역을 정의하려면 해당 속성인 usemap을 사용해야 하므로 usemap="#name"(연결된 MAP 요소의 이름)을 사용합니다.

6. 속성, 메타, 매개변수와 같은 특정 특정 요소의 속성. 예를 들어, c482d017ac37d0493b1edf90b225c0b5 또는 메타 46d5a0e5377847b89933ca8c01909b8f

에 대한 매개변수를 정의합니다. 3. 신분증은 어떤 경우에 사용해야 하나요?

1. 라벨과 양식 컨트롤 간의 연관성. 예:

<label for="myInput">文本录入框</label>
<input id="myInput" type="text" />

2. ID를 사용하여 CSS 스타일을 설정할 수 있습니다. 예:

<style type="text/css">
#my
{
      font-size: 12px;
      color: red;
}
</style>
<p id="my">设置字体大小和颜色</p>

                                                 

위 내용은 HTML에서 ID와 NAME의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:STHML 튜토리얼(4)다음 기사:STHML 튜토리얼(4)