XHTML-Tags sollten richtig verwendet werden

<br />In früheren Tutorials von 123WORDPRESS.COM haben wir wiederholt betont, wie wichtig es ist, den HTML-Dateien von Webseiten eine semantische Struktur zu verleihen. Wir sollten die am besten geeigneten HTML- oder XHTML-Tags auf der Grundlage der Struktur des HTML-Dokuments der Webseite auswählen, und nicht auf der Grundlage ihres Erscheinungsbilds. Verwenden Sie das P-Tag, um einen Absatz zu definieren und nicht, um einen Zeilenumbrucheffekt zu erzielen. Wir verwenden h1-h6-Tags, um Überschriften zu kennzeichnen, jedoch nicht, um Textgröße und Fettdruckeffekte zu erzielen.
Beispielsweise kann ein Titel als h1 definiert werden:
<h1>Hier steht der Titel des Artikels</h1>
Es sollte nicht anders definiert werden:
<p style="font-size:16px; font-weight:bold;">Hier steht der Titel des Artikels</p>
Im vorherigen Artikel von 123WORDPRESS.COM haben wir alle von XHTML1.0 zugelassenen Tags aufgelistet. Wir können auch feststellen, dass es tatsächlich nur sehr wenige Element-Tags gibt, aus denen wir auswählen können. Uns ist aber auch klar, dass diese verfeinerten Elementarzeichen auch klarere Bedeutungen haben. Wenn Sie wirklich nicht das richtige Element zum Markieren finden können, können Sie die allgemeinen Div- und Span-Tags verwenden.
Die Verwendung von Div- und Span-Tags auf der Seite ist ein neues Problem und wir neigen dazu, sie zu häufig zu verwenden. Der notwendige und sinnvolle Einsatz von Div kann die Struktur des Dokuments erheblich verbessern. Wenn Sie Ihr HTML-Dokument untersuchen und feststellen, dass es viele Divs und Spans enthält, müssen Sie das Problem aus einer anderen Perspektive betrachten. Liegt ein Missbrauch vor? Gibt es bessere Marker als Ersatz? Wenn h1 den Inhalt, den es markiert, besser darstellen kann, müssen Sie auf p oder span verzichten, um es zu definieren.
Vielleicht handelt es sich dabei um einen Widerspruch und wir können ihre korrekte Verwendung nur schwer nachvollziehen oder wir bekommen überhaupt keine klare Antwort. Eines muss jedoch klargestellt werden: Wir sollten dafür sorgen, dass das Dokument eine klare, logische Struktur aufweist, damit sich Stile leichter anwenden lassen. Wir können uns div einfach als einen Container oder einen „Teil“ eines Dokuments vorstellen. Wir verwenden zu viele Container, was kein kluges Muster ist. Ein Container, der an der richtigen Stelle platziert wird, kann dazu beitragen, dass das gesamte Dokument übersichtlich erscheint.
Der folgende Code ist sinnvoller und effektiver:
<div id="Kopfzeile">
<h1>123WORDPRESS.COMjb51.net. Willkommen bei
<h2>123WORDPRESS.COMWebjx.Com bietet die neueste und schnellste Webtechnologie</h2>
<p>123WORDPRESS.COMjb51.net bietet Tutorials zur Webseitenerstellung, Tutorials zur dynamischen Webseitenerstellung, Anleitungen zum Erstellen von Websites, Tutorials zu Flash-Animationen, Video-Tutorials, Codes für Spezialeffekte auf Webseiten, Materialien für Webseiten, Buchdownloads und andere Inhalte. Ich hoffe, es kann Ihnen bei Ihrer Arbeit und Ihrem Studium helfen. </p>
</div>

<<: Docker verwendet das Tool nsenter, um in den Container zu gelangen

>>: JS + Canvas realisiert dynamischen Uhreffekt

So installieren Sie ROS Noetic in Ubuntu 20.04

XHTML-Tags sollten richtig verwendet werden

So installieren Sie ROS Noetic in Ubuntu 20.04

So installieren Sie Graphviz und beginnen mit dem Tutorial unter Windows

Methode der Toolbibliothek zur Generierung von Vue-Komponentendokumenten

Lösen Sie das Problem, dass VMWare nach der Installation des Mac-Systems nicht im Vollbildmodus angezeigt werden kann

So schreiben Sie ein Bild als Hintergrund und einen Link (Hintergrundbild plus Link)

Wie werden Leerzeichen in HTML dargestellt (was bedeuten sie)?

Welchen MySQL-Eindeutigen Index oder Normalen Index soll ich wählen?

Detailliertes Tutorial zur Installation des FTP-Servers im CentOS 8-System und zur Konfiguration des passiven Modus

Weitere Möglichkeiten zur Verwendung von spitzen Klammern in Bash

So konfigurieren Sie pseudostatisches und clientadaptives Nginx

Artikel empfehlen

MySQL-Reihe von Erfahrungszusammenfassungen und Analyse-Tutorials zu NULL-Werten

Mehrere Gründe, HTML nicht zu komprimieren

So erstellen Sie LVM für das XFS-Dateisystem in Ubuntu

Detaillierte Erklärung zur Verwendung des Schlüsselworts ESCAPE in MySQL

Unterschiede zwischen ES6-Vererbung und ES5-Vererbung in js

Beispielcode für die Verwendung von CSS zum Schreiben eines strukturierten Hintergrundbilds mit Farbverlauf

Grundlegende Syntax des MySQL-Index

Countdown-Effekt mit Javascript implementieren

Einige grundlegende Anweisungen für Docker

MySQL-Sortierung mittels Index-Scan

So installieren Sie Phabricator mit Docker

MySQL Infobright-Installationsschritte

Detaillierte Erklärung zur Verwendung des Linux-Befehls mpstat

Detaillierte Erklärung der Docker Compose-Verwendung

MySQL-Datenbank-Entwicklungsspezifikationen [empfohlen]