Die häufigsten Fehler beim Schreiben von HTML-Tags

Die häufigsten Fehler beim Schreiben von HTML-Tags

Wir sollten besser aufpassen, denn die HTML-Polizei durchsucht Ihren Code und sucht alle unsemantischen Tags heraus. Diese Liste enthält die 10 häufigsten HTML-Tag-Fehler . Indem wir sie notieren, können wir diese häufigen Fehler vermeiden und dafür sorgen, dass unsere HTML-Tags die Semantik- und Standardanforderungen erfüllen.

Verbrechen 1: Einfügen eines Blockelements in ein Inline-Element

Es gibt zwei Möglichkeiten, HTML-Elemente auszudrücken: Blockebene und Inline. Jedes Tag hat einen Standardausdruck, entweder Blockebene oder Inline. Beispielsweise sind div und p Blockebenenelemente, die zum Bilden der Dokumentstruktur verwendet werden. Inline-Elemente können nur innerhalb von Blockebenenelementen vorkommen.

Verbrechen 2: Der img-Tag enthält kein alt-Attribut

Das Alt-Attribut ist ein erforderliches Attribut für alle Bilder, die auf einer Webseite angezeigt werden. Es kann den Leuten helfen, zu erkennen, was das Bild ist. Oder es kann die Bedeutung des Bildes zeigen, wenn die Internetgeschwindigkeit langsam ist. Sein Hauptzweck besteht darin, die Bedeutung des Bildes zu erklären. Es ist sehr schlecht, alt="image" als Erklärung zu verwenden. Wenn einige Bilder wirklich nur zur Dekoration dienen, wird empfohlen, alt="" zu schreiben.

Verbrechen Nr. 3: Listen nicht verwenden, wenn es nötig ist

Verbrechen 4: Verwenden von <b> und <i>, um Text fett und kursiv zu machen

Sie können CSS verwenden, um Schriftstärke und Schriftstil zu definieren. Wenn Sie auf der Seite Tags verwenden müssen, verwenden Sie stattdessen <strong>- oder <em>-Tags. <b><i> hat keine semantische Bedeutung, aber für eine einfachere Seite ist es besser, CSS zum Definieren des Stils zu verwenden.

Verbrechen 5: Zu viel konsumieren

<br />Die Zeilenumbruchmarkierung sollte nur verwendet werden, um ein bestimmtes Wort in eine neue Zeile einzufügen, nachdem das erste Zeilenumbruchzeichen in den Textfluss eingegeben wurde. Es sollte nicht verwendet werden, um Lücken zwischen Elementen zu erstellen, sondern um Text in verschiedene Absätze aufzuteilen oder die Amplitude von CSS-Stilen anzupassen.

Verbrechen 6: Verwendung des falschen Durchstreichungs- Tags

Früher konnten Site-Texte mit <S> und <strike> definiert werden. Allerdings werden sie jetzt als veraltete Tags definiert, obwohl sie noch immer wirksam sind. Verwenden Sie den neuen Tag-Satz - <del> und <ins>. Ersetzen von <s><strike>

Verbrechen 7: Inline-Styles verwenden

Der wichtigste Zweck von CSS ist die Unterscheidung zwischen Dokumenten und Stilen. Wenn Sie Stile in die Seite schreiben, wird CSS überhaupt nicht verwendet. Denken Sie also daran, Ihren Stil dort zu platzieren, wo er hingehört.

Verbrechen 8: Hinzufügen von Rahmen zu HTML

Verbrechen 9: Keine Verwendung der Header-Tags <h1>-<h6>

Verbrechen 10: Nicht semantisches <blink> oder <marquee>

Von W3 nicht empfohlen, die Tags <blink> und <marquee> (Blinken, Scrollen) sind einfach nur hässlich.

Verwenden Sie dieses Tag nicht. Wenn Sie diesen Effekt verwenden müssen, glaube ich, dass Sie andere, bessere Effekte haben werden.

<<:  CSS-Tricks zum Erstellen von Welleneffekten

>>:  Vue-CLI3.x stellt Projekte automatisch auf dem Server bereit

Artikel empfehlen

So verwenden Sie Echarts zum Visualisieren von Komponenten in Vue

Offizielle Website-Adresse der Echarts-Komponente...

Eine kurze Diskussion über den Spaß von :focus-within in CSS

Ich glaube, einige Leute haben dieses Bild gesehe...

So ändern Sie die IP-Einschränkungsbedingungen des MySQL-Kontos

Vorwort Kürzlich stieß ich bei der Arbeit auf ein...

Zusammenfassung des Wissens zum Vue V-Modell

​v-model ist eine Vue-Direktive, die eine bidirek...

HTML-Tipps, um Ihren Code semantisch zu gestalten

HTML-Semantik scheint ein alltägliches Problem zu...

So erstellen Sie einen K8S-Cluster und installieren Docker unter Hyper-V

Wenn Sie das Win10-System installiert haben und e...

Vue implementiert eine Formularvalidierungsfunktion

Dieser Artikel beschreibt hauptsächlich, wie die ...

Erste Schritte mit CSS3-Animation in 10 Minuten

Einführung Mit Animation können Sie mithilfe von ...

Zusammenfassung zum Hinzufügen von Root-Berechtigungen für Benutzer in Linux

1. Fügen Sie einen Benutzer hinzu . Verwenden Sie...

JavaScript BOM erklärt

Inhaltsverzeichnis 1. BOM-Einführung 1. JavaScrip...