Der Unterschied zwischen Div-, Span- und Label-Tags in HTML

p und span

Wenn jeder zum ersten Mal das p+css-Layout lernt, gibt es keine bestimmten „Regeln“ für die Verwendung von p und span. Ich denke, es gibt zwei. Der Unterschied ist nicht groß. In den w3c-Definitionen von p und span ist p als geteilte Dokumentstruktur natürlich die offiziellste Semantik, aber solche offizielle Semantik ist es zu verwirrend. Die Struktur ist
gut, aber es ist immer noch verwirrend, ob man an kleinen Stellen p oder span verwenden soll. Tatsächlich ist es die Definition in der „Microsoft MSDN Library“
, die den Leuten plötzlich Verständnis gibt.

p: Geben Sie den Container für die HTML-Wiedergabe an.

span: Geben Sie den Inline-Textcontainer an.

Für den Laien ausgedrückt: Wenn in andere Tags vorhanden sind, verwenden Sie p. Wenn es nur Text enthält, sollten Sie span verwenden

p ist ein Element auf Blockebene, das verwendet wird, um Struktur und Hintergrund für große Inhaltsblöcke im HTML-Dokument bereitzustellen

Span ist ein Inline-Element, das einen Bereich innerhalb der Zeile definiert (d. h. eine Zeile kann durch in mehrere Bereiche unterteilt werden).

Der Span-Tag kann in eingebettet werden p-Tag (p kann als großer Container betrachtet werden, span ist ein kleiner Container, natürlich kann ein großer Container einen kleinen Container aufnehmen)

span und label

Mit der obigen Aussage über span können wir Span-Container-Operationen für Text ausführen, und das ist auch möglich Definieren Sie CSS-Stile usw., aber das Label scheint auch möglich zu sein. Aber was ist der Unterschied zwischen den beiden? 🎜>Label-Tag

wird angeklickt, es wird gebunden. Das Formularelement erhält den Eingabefokus

span ist ein Container für gewöhnlichen Text.

Beispiel:

Haben Sie meinen Blog besucht

Ja


NO
(Drücken Sie den Text „Ja“ oder „Nein“, nicht das Radio)< /span>

Ihr Name:

Laufergebnis:

Eine Frage ist:

Wird das accesskey-Attribut nicht zum Festlegen von Tastenkombinationen verwendet? Aber weder die 1- noch die Alt+1-Taste reagieren. Ich weiß nicht, was los ist, und ich bin sehr deprimiert. Ich hoffe, ein Experte kann mir eine Antwort geben, wie ich den Label-Zugriffsschlüssel verwenden soll.

Anhang: Die spezifische Verwendung des Label-Tags:

Die

Label-Markierung ist eine Label-Markierung. Diese Markierung unterstützt die Bindung mit anderen interaktiven Benutzersteuerelementen und löst entsprechende Ereignisse im Namen des gebundenen Steuerelements aus. Die Bindungsmethode lautet: Geben Sie den for-Attributwert als Zielsteuerelement-ID (Bindungssteuerelement) an . Unter normalen Umständen ist es üblicher, die Etikettenbindung zu verwenden, wenn Optionsfelder und Kontrollkästchen verwendet werden.
Zwei Attribute in Label sind sehr nützlich, eines ist für und das andere ist ein Zugriffsschlüssel
Für-Attribut:
Funktion: Stellt Label dar Tag HTML-Element , das gebunden werden soll. Wenn Sie auf dieses Tag klicken, erhält das gebundene Element den Fokus
Verwendung:
Name

Accesskey-Attribut:
Funktion: Gibt den Hotkey für den Zugriff auf das an das Label-Tag gebundene Element an. Wenn Sie den Hotkey drücken, erhält das gebundene Element den Fokus.
Verwendung: name

Einschränkungen: Die durch das accessKey-Attribut festgelegte Tastenkombination darf nicht mit der Tastenkombination des Browsers in Konflikt geraten, andernfalls hat sie Priorität oder die Tastenkombination des Browsers Schlüssel .


Hinweis:
Um LABEL an ein anderes Steuerelement zu binden, setzen Sie das FOR-Attribut des LABEL-Elements auf denselben Wert wie die ID des Steuerelements . Das Binden von LABEL an die NAME-Eigenschaft des Steuerelements ist nutzlos. Um jedoch ein Formular abzusenden, müssen Sie einen Namen für das Steuerelement angeben, an das das LABEL-Element gebunden ist.


Es gibt zwei Methoden , um Unterstreichung zur angegebenen Tastenkombination hinzuzufügen. Die Rich-Text-Unterstützung für das LABEL-Element ermöglicht das Hinzufügen von U-Elementen auf beiden Seiten des durch das ACCESSKEY-Attribut angegebenen Beschleunigerzeichens. Wenn Sie zum Anwenden des Stils lieber ein Stylesheet (CSS) verwenden möchten, können Sie das Zeichen in einen SPAN einschließen und es als “text-decoration formatieren: underline".


Wenn der Benutzer auf LABEL klickt, wird zuerst das Onclick-Ereignis auf LABEL ausgelöst, und dann wird das Onclick-Ereignis auf dem durch das htmlFor-Attribut angegebenen Steuerelement ausgelöst . Drücken Sie die von LABEL festgelegte Tastenkombination, um das Onclick-Ereignis auszulösen.


Dieses Element darf nicht verschachtelt werden ist in Internet Explorer 4.0 nicht zulässig und in den oben genannten Versionen von HTML und Skripten verfügbar.


Dieses Element ist ein Inline-Element. 🎜>

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen Div-, Span- und Label-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!