XHTML-Tags sollten entsprechend verwendet werden_HTML/Xhtml_Webseitenproduktion

WBOY

Freigeben： 2016-05-16 16:45:52

Original

1190 Leute haben es durchsucht

In früheren Tutorials von Script House haben wir wiederholt Wert darauf gelegt, Webseiten-HTML-Dateien semantisch zu gestalten. Wir sollten die am besten geeigneten HTML- oder XHTML-Tags anhand der Struktur des HTML-Dokuments der Webseite auswählen und nicht anhand ihres Erscheinungsbilds. Verwenden Sie das P-Tag, um einen Absatz zu definieren, anstatt es für einen Zeilenumbrucheffekt zu verwenden. Wir verwenden h1-h6-Tags, um Überschriften zu markieren, anstatt sie zur Erzielung von Textgröße und Fettdruckeffekten zu verwenden.
Zum Beispiel ein Titel, wir können h1 verwenden, um ihn zu definieren:
　

Der Titeltext des Artikels steht hier

anstatt es auf andere Weise zu definieren:
　

Im vorherigen Artikel von Script House haben wir alle von XHTML1.0 erlaubten Tags aufgelistet. Wir können auch feststellen, dass wir tatsächlich nur sehr wenige Element-Tags auswählen können. Wir sind uns aber auch klar darüber im Klaren, dass diese verfeinerten Elementmarkierungen auch klarere Bedeutungen haben. Wenn Sie wirklich nicht das richtige Element zum Markieren finden, können Sie die generischen 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 oft zu verwenden. Die notwendige und sinnvolle Verwendung von Divs kann die Struktur des Dokuments erheblich verbessern. Wenn Sie sich Ihr HTML-Dokument ansehen und feststellen, dass es viele Divs und Spans gibt, müssen Sie das Problem aus einer anderen Perspektive betrachten. Liegt ein Missbrauch vor? Gibt es bessere Marker als Ersatz? Wenn h1 den markierten Inhalt besser darstellen kann, müssen Sie p oder span aufgeben, um ihn zu definieren.
Vielleicht ist das ein Widerspruch und es ist für uns schwierig zu begreifen, wie man sie richtig verwendet, oder vielleicht bekommen wir überhaupt keine klare Antwort. Eines muss jedoch geklärt werden: Wir sollten dem Dokument eine klare logische Struktur geben und die Anwendung von Stilen erleichtern. Wir können uns div einfach als einen Container oder einen „Teil“ des Dokuments vorstellen. Wir verwenden zu viele Behälter, was kein kluges Muster ist. Und ein Container, der genau richtig und an einer angemessenen Position angebracht ist, kann dafür sorgen, dass das gesamte Dokument organisiert erscheint.
Der folgende Code ist sinnvoller und effektiver: