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
MySQL-Datenbank löscht doppelte Daten und behält nur eine Methodeninstanz bei
1. Problemeinführung Nehmen Sie ein Szenario an, ...
Installation und Konfiguration von MySQL 8.0.15 unter Centos7
In diesem Artikel finden Sie das grafische Tutori...
Halbtransparente Bildverarbeitung. Ideen und Code zur Implementierung von halbtransparentem Hintergrund.
Code kopieren Der Code lautet wie folgt: <!DOC...
Eine kurze Diskussion über die Ungültigkeitserklärung oder implizite Konvertierung von MySQL-Integer- und String-Indizes
Inhaltsverzeichnis Problemübersicht Reproduktion ...
Beispiel eines Befehls zur Linux-Hardwarekonfiguration
Hardware-Ansichtsbefehle System # uname -a # Kern...
Vue realisiert die Bildschirmanpassung von Großbildschirmseiten
In diesem Artikel wird der spezifische Code von V...
Detaillierte Erklärung zur Interpretation der Nginx-Konfigurationsdatei
Die Nginx-Konfigurationsdatei ist hauptsächlich i...
Detaillierte Erklärung der Verwendung von JSON.parse und JSON.stringify
Inhaltsverzeichnis JSON.parse JSON.parse-Syntax R...
Tutorial zur Installation und Konfiguration von MySQL 5.7.16 ZIP-Paketen
In diesem Artikel finden Sie das Installations- u...
Zusammenfassung häufig verwendeter Leistungstestskripte für VPS-Server
Hier ist ein allgemeines Ein-Klick-Leistungstests...
Softwaretests – MySQL (VI: Datenbankfunktionen)
1.MySQL-Funktionen 1. Mathematische Funktionen PI...
LinkedIn wird überarbeitet, um das Surfen auf der Website zu vereinfachen
Das geschäftliche Social-Networking-Portal Linked...
Implementierung der MySQL GRANT-Benutzerautorisierung
Bei der Autorisierung geht es darum, einem Benutz...
Ausführliches Tutorial zu Installations- und Upgradeproblemen bei MySQL 5.7.30
Keil Da auf dem Computer eine relativ alte MySQL-...
Löschen Sie den Image-Vorgang von „none“ in Docker-Images
Da ich normalerweise den Befehl „Docker Build“ ve...