Einführung in semantische HTML-Tags
|
In den letzten Jahren war DIV+CSS bei der Website-Entwicklung sehr beliebt und verursachte damals einen riesigen Aufruhr. Später wurde reines DIV+CSS von den Programmierern zugunsten der Front-End-Entwicklung aufgegeben und der Begriff „semantisches Tagging“ kam auf. Was also bedeutet dieses Wort? Das Folgende ist ein Auszug aus der Baidu-Enzyklopädie: HTML-Tag-Semantik: Die Bedeutung von HTML-Tags . Lassen Sie uns zunächst über den Unterschied zwischen Semantik und Standardstile sprechen. Standardstile sind die Ausdrücke einiger allgemeiner Tags, die vom Browser festgelegt werden. Ich denke, ihr Hauptzweck besteht darin, jedem den Zweck und die Funktion von Tags (Markup) und Attributen (Attribut) intuitiv verständlich zu machen. Offensichtlich sieht die Hx-Reihe wie ein Titel aus, da sie fett und in größerer Schriftgröße ist. , dient der Abgrenzung zu anderen Zeichen und der Hervorhebung. Bei Listen und Tabellen ist ihre Funktion offensichtlich. Wie können wir diese Passage also gut verstehen? Tatsächlich zeigt dieser Absatz, dass Sie alle Tags verwenden sollten, die Sie benötigen, und das DIV-Layout nicht absichtlich verwenden sollten. Wenn Sie beispielsweise Fettdruck oder etwas Ähnliches hinzufügen möchten, können Sie es direkt verwenden und müssen keine Klasse zum Rendern verwenden. Seien Sie natürlicher. Sie können beispielsweise auch das Tabellenlayout auf der Seite entsprechend verwenden. Wer sagt, dass Tabellen nicht gut für SEO sind? Sogar Baidu verwendet Tabellen. Verwenden Sie also die Methode, die praktischer ist und eine klarere Struktur aufweist. Eliminieren Sie den Begriff DIV+CSS-Layout. |
<<: Ein unverzichtbarer Karriereplan für Webdesigner
>>: Vue3.0 verwendet das Plug-In vue-grid-layout, um Drag-Layout zu implementieren
Artikel empfehlen
So erstellen Sie eine Ansicht in MySQL
Grundlegende Syntax Sie können eine Ansicht mit d...
Element-Beispielcode zum Implementieren dynamischer Tabellen
Inhaltsverzeichnis 【Code-Hintergrund】 【Code-Imple...
MySQL-Lösung für die Konfiguration mehrerer Instanzen
1.1 Was ist MySQL Multi-Instance? Einfach ausgedr...
Tutorial zum Herunterladen, Installieren, Konfigurieren und Verwenden von MySQL unter Windows
Übersicht über MySQL MySQL ist ein relationales D...
Detaillierte Erläuterung der Prinzippraxis des Bootstrap-Frameworks für CSS3-Medienabfragen mit responsivem Layout (empfohlen)
Detaillierte Beschreibung der Verwendung des Medi...
Grafisches Tutorial zur Installation und Konfiguration der MySQL 5.7.21-Dekomprimierungsversion
In diesem Artikel wird der detaillierte Vorgang z...
Navicat für MySQL-Tutorial
Zuerst müssen Sie Navicat für MySQL herunterladen...
Das Vue-Cropper-Plugin realisiert die Kapselung der Bildaufnahme- und Upload-Komponente
Der spezifische Code zum Einkapseln der Bildaufna...
Detaillierte Erklärung des JavaScript-Proxy-Objekts
Inhaltsverzeichnis 1. Was ist ein Proxy? 2. Wie w...
Lösung für das Problem des verstümmelten chinesischen Codes in der dekomprimierten Version von MySQL
Die dekomprimierte Version von MySQL ist installi...
MySQL-Abfrage redundanter Indizes und ungenutzter Indexoperationen
MySQL 5.7 und höhere Versionen ermöglichen die di...
Beispielanalyse von Linux-Dateiverwaltungsbefehlen [Berechtigungen, Erstellen, Löschen, Kopieren, Verschieben, Suchen usw.]
Dieser Artikel beschreibt die Linux-Dateiverwaltu...
Vue implementiert eine kleine Notizblockfunktion
In diesem Artikelbeispiel wird der spezifische Co...
Der Aufruf der Suchmaschine auf der Seite erfolgt am Beispiel von Baidu
Heute ist mir plötzlich eingefallen, dass es cool ...
Reines HTML und CSS, um den JD-Karusselleffekt zu erzielen
Das JD-Karussell wurde mit reinem HTML und CSS im...