Häufige Fehler beim Schreiben von HTML-Tags

Häufige 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: auf Blockebene und inline . Jedes Tag hat einen Standardausdrucksmodus, entweder auf Blockebene oder inline. Beispielsweise sind div und p Elemente auf Blockebene, die zum Bilden der Dokumentstruktur verwendet werden. Inline- Elemente können nur innerhalb von Elementen auf Blockebene 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 unbedingt verwenden müssen, gibt es meiner Meinung nach bessere Effekte.

--------Es gibt nur zwei Arten von Menschen auf dieser Welt: Diejenigen, die täuschen, und diejenigen, die getäuscht werden. ------------

<<:  nuxt.js Konfiguration mehrerer Umgebungsvariablen

>>:  Optimierte Implementierung von count() für große MySQL-Tabellen

Artikel empfehlen

Leitfaden zum Schreiben von HTML-Code

Gängige Konventions-Tags Selbstschließende Tags, ...

Ein einfaches Beispiel für eine gemeinsame MySQL-Tabellenabfrage

MySql verwendet verknüpfte Tabellenabfragen, die ...

Fassen Sie die häufig verwendeten n-ten-Kind-Selektoren zusammen

Vorwort In der Front-End-Programmierung verwenden...

So erstellen Sie ein neues Image basierend auf einem vorhandenen Image in Docker

Das Erstellen neuer Images aus vorhandenen Images...

MySQL 5.6.37 (zip) Download Installationskonfiguration Grafik-Tutorial

In diesem Artikel finden Sie das Download-, Insta...

Docker verwendet den Prune-Befehl, um das Nicht-Image zu bereinigen

Inhaltsverzeichnis Die Entstehung und Verwirrung ...

Einige Fähigkeiten, die Sie beim Erstellen von Webseiten kennen müssen

1. Z-Index ist in IE6 ungültig. In CSS wird die E...

Detaillierte Erklärung der HTML-Dokumenttypen

Meines ist: <!DOCTYPE html> Blog-Garten: &l...

Detaillierte Erläuterung der Pipeline und des Ventils im Tomcat-Pipeline-Modus

Vorwort Wenn in einem relativ komplexen großen Sy...

Eine kurze Erläuterung der Rolle des Parameters docker --privileged=true

Mit etwa Version 0.6 wurde Privileged in Docker e...

Erläuterung, ob im interaktiven Design Paging oder Laden gewählt werden soll

Der Autor dieses Artikels @子木yoyo hat ihn in seine...

Beispielcode zur Implementierung der PC-Auflösungsanpassung in Vue

Inhaltsverzeichnis planen Abhängigkeiten installi...

Detaillierte Erklärung der binären und varbinären Datentypen in MySQL

Vorwort BINARY und VARBINARY ähneln in gewisser W...