Heim > Web-Frontend > HTML-Tutorial > Was ist der Unterschied zwischen der Produktion von div- und span_HTML/Xhtml_Web-Seiten?

Was ist der Unterschied zwischen der Produktion von div- und span_HTML/Xhtml_Web-Seiten?

WBOY
Freigeben: 2016-05-16 16:38:46
Original
1356 Leute haben es durchsucht

F: Was ist der Unterschied zwischen DIV und SPAN?

Antwort: Lösung:

Das größte Merkmal von DIV- und SPAN-Elementen ist, dass die Objekte innerhalb der Elemente standardmäßig in keinem Format gerendert werden. Wird hauptsächlich zum Anwenden von Stylesheets verwendet. Der offensichtlichste Unterschied zwischen den beiden besteht darin, dass DIV ein Blockelement ist, während SPAN ein Inline-Element ist (auch als Inline-Element übersetzt).

Spezifische Schritte:

1. Die sogenannten Blockelemente sind Elemente, die mit dem Rendern in einer neuen Zeile beginnen müssen Sie erhalten ein lebendigeres Bild.
Test<span>Folgen Sie der vorherigen „Test“-Anzeige</span><div>Eine neue Zeile wird hier angezeigt.
Blockelemente Elemente sind nicht statisch. Durch die Definition der CSS-Anzeigeattribute können Werte ineinander umgewandelt werden, z. B.:
Test

Tipp: Wenn Sie keine CSS-Attribute für das DIV-Element definieren, ist sein Anzeigeeffekt derselbe des P-Elements.

Aufgrund der Besonderheit von DIV- und SPAN-Elementen werden sie im Allgemeinen zum Anwenden von Stylesheets verwendet. Sie werden beispielsweise als Ebenen mithilfe von CSS definiert. Es muss zwischen Blockelementen und Inline-Elementen unterschieden werden sowie die Unterschiede zwischen den beiden.

DIV gibt den Container zum Rendern von HTML an.
SPAN gibt einen Inline-Textcontainer an.
Im Allgemeinen belegt ein Div einen Block und sein Standardanzeigeattribut ist Block, was einen Block anzeigt. Beispiel:
aaa
bbb wird als zwei Zeilen angezeigt.
Das Standardanzeigeattribut von span ist inline und kann miteinander verbunden werden. Beispiel: aaabbb, angezeigt als eine Zeile.
div wird im Allgemeinen für den Schriftsatz verwendet, während span im Allgemeinen für die lokale Textgestaltung verwendet wird.
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 Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage