In früheren Tutorials auf Wulin.com wurde oft betont, dass die HTML -Dateien auf der Webseite Semantik enthalten. Wir sollten die am besten geeigneten HTML- oder XHTML -Tags basierend auf der Struktur des HTML -Dokuments der Webseite auswählen, anstatt sie basierend auf ihrem Aussehen und Stil auszuwählen. Verwenden Sie das P -Tag, um einen Absatz zu definieren, anstatt ihn zu verwenden, um einen neuen Linieneffekt zu erzielen. Anstatt sie zu verwenden, um Textgröße und fetthaltige Effekte zu erzielen, verwenden wir H1-H6-Tags, um Titel zu markieren.
Zum Beispiel können wir einen Titel mit H1 definieren:
<h1> Der Titeltext des Artikels ist hier geschrieben </h1>
Und kein anderer Weg sollte verwendet werden, um es zu definieren:
<p style = Schriftgröße: 16px; Schriftgewicht: fett;> Der Titeltext des Artikels ist hier geschrieben </p>
In früheren Artikeln von Wulin.com haben wir alle von XHTML1.0 zugelassenen Tags aufgelistet, und wir können auch feststellen, dass es tatsächlich nur sehr wenige Element -Tags gibt, mit denen wir auswählen können. Wir erkennen aber auch deutlich, dass diese verfeinerten Elementarmarken auch sinnvoller sind. Wenn Sie wirklich nicht das richtige Element finden können, um es zu markieren, können Sie die gemeinsamen DIV- und Span -Tags verwenden.
Die Verwendung von Divs- und Span -Tags auf der Seite ist ein neues Problem, und wir neigen dazu, sie zu sehr zu verwenden. Der notwendige und vernünftige Gebrauch von Div 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 sich das Problem aus einer anderen Perspektive ansehen. Gibt es Missbrauch? Gibt es bessere Marker, um sie zu ersetzen? Wenn H1 den markierten Inhalt besser darstellen kann, müssen Sie P oder Span für Definition aufgeben.
Vielleicht ist dies ein Paar Widersprüche, und es fällt uns schwer zu verstehen, wie wir sie richtig verwenden können, oder wir können vielleicht überhaupt keine klare Antwort erhalten. Eine Sache, die klargestellt werden muss, ist, dass wir das Dokument logisch klar und einfacher machen sollten, Stile anzuwenden. Wir können uns nur einen DIV als Container oder als Bestandteil eines Dokuments ansehen. Wir verwenden zu viele Container, was kein kluges Muster ist. Ein Container, der genau in einer angemessenen Position richtig ist, kann das gesamte Dokument sehr organisiert aussehen lassen.
Der folgende Code ist vernünftiger und effektiver:
<div id = header>
<h1> wulin.com vevb.com. Willkommen zu Ihrer Ankunft </h1>
<h2> wulin.com webjx.com bietet die neueste und schnellste Web -Technologie </h2>
<p> wulin.com vevb.com bietet Webproduktions -Tutorials, dynamische Webproduktions -Tutorials, Website -Erstellen von Leitfäden, Flash -Animations -Tutorials, Video -Tutorials, Web -Spezialeffektcodes, Webmaterialien, Buch -Downloads und andere Inhalte. Ich hoffe, es kann Ihnen bei Ihrer Arbeit und Ihrem Studium helfen. </p>
</div>