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

MySQL-Datenbank GTID realisiert Master-Slave-Replikation (super praktisch)

1. Maria-Quelle hinzufügen vi /etc/yum.repos.d/Ma...

Lernen Sie die Ausführungsreihenfolge von SQL-Abfragen von Grund auf

Die Ausführungsreihenfolge der SQL-Abfrageanweisu...

37 Tipps für ein gutes User Interface Design (mit Bildern)

1. Versuchen Sie, ein einspaltiges statt eines meh...

Lösung für ungültige obere Ränder von Elementen in Div-Tags

Genau wie der Titel sagt. Die Frage ist sehr merkw...

7 coole dynamische Website-Designs zur Inspiration

Im Bereich Design gibt es jedes Jahr unterschiedl...

Bereitstellung und Konfiguration des Apache-Dienstes unter Linux

Inhaltsverzeichnis 1 Die Rolle von Apache 2 Apach...

Beispielcode für das MySQL-Indexprinzip ganz links

Vorwort Ich habe kürzlich etwas über MySQL-Indize...

Detaillierte Erklärung zum Aktivieren des https-Dienstes in Apache unter Linux

Dieser Artikel beschreibt, wie man den https-Dien...

Zabbix-Überwachungslösung – die neueste offizielle Version 4.4 [empfohlen]

Zabbix 12.10.2019 Chenxin siehe https://www.zabbi...