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
Beispielcode für ein Mysql-SQL-Überwachungsskript für langsame Abfragen
1. Ändern Sie my.cnf #Der Gesamteffekt besteht da...
Zwei Möglichkeiten zum Löschen von Tabellendaten in MySQL und ihre Unterschiede
Es gibt zwei Möglichkeiten, Daten in MySQL zu lös...
MySQL-Methode zur Sperrensteuerung für Parallelität
Inhaltsverzeichnis Vorwort 1. Optimistisches Sper...
Anwendungsbeispiele für die virtuelle Liste des WeChat-Applets
Inhaltsverzeichnis Vorwort Was ist eine virtuelle...
Beispiel für die Implementierung einer virtuellen Liste im WeChat Mini-Programm
Inhaltsverzeichnis Vorwort analysieren Erste Rend...
Verwendung des Linux-Befehls bzip2
1. Befehlseinführung bzip2 wird zum Komprimieren ...
Einführung in die Verwendung und Deaktivierung von Transparent Huge Pages in Linux
Einführung Da die Anforderungen an die Computerte...
Was Sie über die Transaktionsisolierung von msyql wissen müssen
Was ist eine Transaktion? Eine Transaktion ist ei...
Die Frontend-Entwicklung muss jeden Tag lernen, HTML-Tags zu verstehen (1)
2.1 Semantisierung sorgt dafür, dass Ihre Webseit...
So installieren Sie MySQL 5.7 unter Windows
Laden Sie zuerst die komprimierte Version von MyS...
Verwenden Sie href in HTML, um beim Klicken auf einen Link ein Dialogfeld zum Herunterladen von Dateien anzuzeigen.
Ich habe heute einen neuen Trick gelernt. Ich kann...
So erstellen, starten und stoppen Sie einen Docker-Container
1. Ein Container ist eine unabhängig laufende Anw...
So konfigurieren Sie Nginx, um zwischen dem PC- oder Mobiltelefonzugriff auf verschiedene Domänennamen zu unterscheiden
Die neue offizielle Website ist online, aber die ...
Tutorial zur Verwendung des Frameset-Tags in HTML
Frameset-Seiten unterscheiden sich etwas von norm...
Lösen Sie das Problem, dass der Container nach dem Docker-Lauf „Beendet (0)“ anzeigt.
Ich habe ein Dockerfile für OpenResty auf CentOS7...