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
Der Unterschied zwischen MySQL count(1), count(*) und count(field)
Inhaltsverzeichnis 1. Erster Blick auf COUNT 2. D...
Detaillierte Erklärung des MySQL-Überwachungstools mysql-monitor
1. Übersicht mysql-monitor MySQL-Überwachungstool...
CocosCreator Universal Framework Design Network
Inhaltsverzeichnis Vorwort WebSocket verwenden Er...
So installieren und verwenden Sie Server-U Version 14
Einführung der Server-U-Software Server-U ist ein...
So erstellen Sie manuell ein neues Image mit Docker
In diesem Artikel wird die Methode zum manuellen ...
15 JavaScript-Funktionen, die es wert sind, gesammelt zu werden
Inhaltsverzeichnis 1. Zahlen umkehren 2. Holen Si...
Definition und Funktion des zoom:1-Attributs in CSS
Heute wurde ich gefragt, wozu das Zoom-Attribut i...
Lösen Sie das Problem, dass auf VMware15 Centos7 Bridge-Modus SSH plötzlich nicht mehr zugegriffen werden kann
Da ich möchte, dass die virtuelle Maschine eine e...
Detaillierte Erläuterung der Verwendung des Linux-Zeitbefehls
1. Befehlseinführung Mit „time“ werden die für di...
JavaScript Canvas implementiert Grafiken und Text mit Schatten
Verwenden Sie Canvas, um Grafiken und Text mit Sc...
So aktualisieren Sie die Knotenversion unter CentOs manuell
1. Suchen Sie das entsprechende NodeJS-Paket unte...
Lösung für MySQL: Das Installationsprogramm wird im Community-Modus ausgeführt
Heute habe ich diese Eingabeaufforderung gefunden...
Schritte zum Einrichten und Mounten freigegebener Ordner auf Windows-Host und Docker-Container
Programme in Docker-Containern müssen häufig auf ...
Detaillierte Einführung in die Linux-Hostnamenkonfiguration
Inhaltsverzeichnis 1. Konfigurieren Sie den Linux...
Vollständige Schritte zur Verwendung von Nginx+Tomcat zum Lastenausgleich unter Windows
Vorwort Heute erklärt Ihnen Prince die vollständi...