Was ist der Unterschied zwischen ID und Name in HTML?

青灯夜游
Freigeben: 2021-11-01 16:07:56
Original
11050 Leute haben es durchsucht

Unterschiede: 1. Beim Wert des ID-Attributs muss die Groß-/Kleinschreibung beachtet werden, und jeder ID-Wert sollte eindeutig sein, während das Namensattribut nicht eindeutig ist und sein Wert wiederverwendet werden kann. 2. Die Verwendungsmöglichkeiten sind unterschiedlich. Das id-Attribut kann als Ankerreferenz oder als ID-Selektor verwendet werden, während das name-Attribut in Formularen zum Übermitteln von Informationen verwendet wird.

Was ist der Unterschied zwischen ID und Name in HTML?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

In HTML stellen sowohl das id-Attribut als auch das name-Attribut Bezeichner zur Darstellung von HTML-Element-Tags bereit. Was ist also der Unterschied zwischen ihnen? Dieser Artikel gibt Ihnen einen kurzen Vergleich des ID-Attributs und des Namensattributs und stellt den Unterschied zwischen dem ID-Attribut und dem Namensattribut vor. Ich hoffe, dass er für Sie hilfreich ist.

ID-Attribut in HTML

Wir verwenden das ID-Attribut, um ein eindeutiges HTML-Element zu identifizieren, das als Ankerreferenz in der URL (URL mit #-Symbol) oder als ID-Selektor in CSS zum Festlegen des Elementstils verwendet werden kann . Sie können getElementById() auch in Javascript verwenden, um Elemente über den id-Attributwert zu finden und dann mit den Elementen zu arbeiten. Beispiel: Das Attribut „id“ ist universell kompatibel und für jedes Element gültig. Beim Wert des ID-Attributs wird die Groß-/Kleinschreibung beachtet und jeder ID-Wert sollte eindeutig sein. Beispiel:

<p id="p1">测试文本!测试文本!</p>
<p id="p2">测试文本!测试文本!</p>
Nach dem Login kopieren
<script>
document.getElementById("p2").style.color="red";
</script>
Nach dem Login kopieren
Rendering: Was ist der Unterschied zwischen ID und Name in HTML?
Was ist der Unterschied zwischen ID und Name in HTML? Das Namensattribut in HTML

Das Namensattribut wird auch zur Identifizierung von HTML-Elementen verwendet, es muss jedoch nicht die einzige Zeile sein . Der Wert kann wiederverwendet werden, zum Beispiel: Optionsfeld

<div id="demo">
 <div id="a">div标签,id值为a</div>
 <p id="A">p标签,id值为A</p>
</div>
Nach dem Login kopieren
Wiedergabe:

Was ist der Unterschied zwischen ID und Name in HTML?Wie im obigen Beispiel gezeigt, wird das Namensattribut häufig nur zur Übermittlung von Informationen verwendet Gültig für Tag-Elemente wie a, form, iframe, img, map, input, select, textarea usw.

Das Namensattribut kann in Javascript verwendet werden, um Elemente mit getElementsByName(); zu finden, es kann jedoch nicht in CSS oder URLs referenziert werden. Beispiel:

#a{ color: red;}
#A{ color: pink;}
Nach dem Login kopieren

Darstellung:

Erläuterung: Was ist der Unterschied zwischen ID und Name in HTML?

Man kann sagen, dass ID die ID-Nummer einer Person und Name der Name der Person ist. Beide können gleichzeitig existieren und denselben Namespace teilen (die Werte beider können gleich sein).


Empfohlenes Tutorial: „

HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen ID und Name in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage