HTML에서 ID와 이름의 차이점은 무엇입니까

차이점: 1. id 속성의 값은 대소문자를 구분하며 각 id 값은 고유해야 하지만 name 속성은 고유하지 않으며 해당 값을 재사용할 수 있습니다. 2. id 속성은 앵커 참조 또는 ID 선택기로 사용될 수 있지만 이름 속성은 정보를 제출하는 데 사용됩니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML에서는 id 속성과 name 속성 모두 HTML 요소 태그를 나타내는 식별자를 제공합니다. 그렇다면 그들 사이의 차이점은 무엇입니까? 이번 글에서는 id 속성과 name 속성을 간략하게 비교하고, id 속성과 name 속성의 차이점을 소개하겠습니다.

html의 id 속성

id 속성을 사용하여 URL(# 기호가 있는 URL)의 앵커 참조로 사용할 수 있는 고유한 HTML 요소를 식별하거나 요소 스타일을 설정하기 위한 CSS의 ID 선택기로 사용할 수 있습니다. . 또한 javascript에서 getElementById()를 사용하여 id 속성 값을 통해 요소를 찾은 다음 해당 요소에 대해 작업을 수행할 수 있습니다. 예:

<p id="p1">测试文本！测试文本！</p>
<p id="p2">测试文本！测试文本！</p>

<script>
document.getElementById("p2").style.color="red";
</script>

id 속성은 보편적으로 호환되며 모든 요소에 유효합니다. id 속성의 값은 대소문자를 구분하며 각 id 값은 고유해야 합니다. 예:

<div id="demo">
 <div id="a">div标签，id值为a</div>
 <p id="A">p标签，id值为A</p>
</div>

#a{ color: red;}
#A{ color: pink;}

Rendering:

html의 name 속성

name 속성은 HTML 요소를 식별하는 데에도 사용되지만 유일한 줄일 필요는 없습니다. . 값은 재사용될 수 있습니다. 예: 라디오 버튼

   最喜欢水果？

   苹果  
   桃子  
   香蕉  
   梨  
   其它  
 

Rendering:

위의 예에서 볼 수 있듯이 name 속성은 정보를 제출하는 데에만 사용됩니다. a, form, iframe, img, map, input, select, textarea 등과 같은 태그 요소에 유효합니다.

name 속성은 getElementsByName()을 사용하여 요소를 찾기 위해 javascript에서 사용할 수 있지만 CSS나 URL에서는 참조할 수 없습니다. 예:

<script type="text/javascript">
function getElements()
 {
 var x=document.getElementsByName("myInput");
 alert(x.length);
 }
</script>
 
 
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()" value="名为 &#39;myInput&#39; 的元素有多少个？" />

Rendering:

설명:

ID는 사람의 ID 번호이고 Name은 사람의 이름이라고 할 수 있습니다. 둘 다 동시에 존재할 수 있으며 동일한 네임스페이스를 공유합니다(둘의 값은 동일할 수 있음).

추천 튜토리얼: "html 비디오 튜토리얼"

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