Detaillierte Erklärung der Unterschiede zwischen ähnlichen Tags und Attributen in HTML

【1】Tags <i></i> und <em></em>

Gleich: Beides ist durch Kursivschrift gekennzeichnet.

Der Unterschied:

(1) Die Schrift <em> kennzeichnet Hervorhebungen, während die Schrift <i> physikalisch kursiv ist und inhaltlich keine Bedeutung hat.

(2) Das <em>-Tag ist ein „semantisches“ Tag und Suchmaschinen verstehen diese Semantik. Es ist speziell auf die Bedeutung „Hervorhebung“ in HTML eingestellt. Beim Anzeigen dieser „Hervorhebungs“-Tags verwenden manche Bildschirmleseprogramme möglicherweise eine andere Betonung, die für die SEO vorteilhafter ist.

【2】<br/> und <p> Tags

Ähnlichkeiten: Beide haben Zeilenumbrucheigenschaften.

Unterschied: <br/> wird alleine verwendet und führt einen kleinen Zeilenumbruch aus.

<p></p> wird paarweise verwendet und führt einen Zeilenumbruch zwischen Absätzen aus.

【3】<strong> und <b> Tags

<strong> ist eine logische Markierung, die den Ton eines Zeichens verstärkt und Nachdruck ausdrückt. Sie können auch CSS verwenden, um die spezifische Leistung von strong zu ändern.

<b> ist ein Entity-Tag, das fett bedeutet.

Um den aktuellen W3C-Standards zu entsprechen, wird die Verwendung des Strong-Tags empfohlen.

【4】<span>- und <div>-Tags

Gleich: Es handelt sich um ein Container-Tag, das in der HTML-Sprache häufig verwendet wird. Wenn Sie "<div>" durch "<span>" ersetzen, werden Sie feststellen, dass der Effekt nach der Ausführung genau der gleiche ist. Beide spielen die Rolle, die einzelnen Blöcke zu trennen.

Unterschied: <span> ist ein Zeilentypelement und wird davor und danach nicht umbrochen;

Das <div> ist ein Element auf Blockebene und die darin eingeschlossenen Elemente werden automatisch umbrochen. Ein Div nimmt eine Zeile ein.

【5】Valign- und Align-Attribute

valign: stellt die vertikale Ausrichtung der Zeile dar [oben, Mitte, unten]

align: stellt die horizontale Ausrichtung dar [links zentriert/Mitte rechts]

【6】Mittel- und Mittelattribute

align=middle zentriert das Bild normalerweise

align=center zentriert normalerweise den Text

Kann für den gleichen Effekt verwendet werden

Normalerweise verwenden Sie „center“, „middle“ funktioniert im Internet Explorer möglicherweise nicht

【7】<button> und <input type="button">

<button> bietet leistungsfähigere Funktionen und umfangreichere Inhalte.

Alles zwischen den Tags <button> und </button> ist der Inhalt der Schaltfläche, einschließlich aller zulässigen Textinhalte wie Text- oder Multimediainhalte.

Das einzige verbotene Element sind Imagemaps.

Geben Sie für Schaltflächen immer ein Typattribut an.

Der Standardtyp für Internet Explorer ist „Schaltfläche“, während der Standardtyp in anderen Browsern (einschließlich der W3C-Spezifikation) „Senden“ ist.

【8】Textausrichtung:center und <center>

<center> wirkt sich nicht nur auf den Text aus, sondern zentriert auch das gesamte Element.

Text-Align steuert nicht die Ausrichtung eines Elements, sondern nur den inneren Inhalt.

Das Element selbst wird nicht von einem Abschnitt in den anderen verschoben, nur der darin enthaltene Text ist davon betroffen.

【9】Buchstaben- und Wortabstand

Mit Buchstabenabstand ist der Abstand zwischen Buchstaben gemeint.

Unter Wortabstand versteht man den Abstand zwischen Wörtern.

Chinesische Schriftzeichen werden normalerweise durch den Buchstabenabstand gesteuert.

Wortabstand funktioniert nicht für Chinesisch