Die HTML -Semantik scheint ein Klischee zu sein. Google hat viele Artikel über Semantik. Warum Semantik -Tags? Ich denke, das ist das, was ich denke: Jedes Tag von HTML hat seine spezifische Bedeutung, und Semantik besteht darin, uns angemessene Tags an der richtigen Stelle zu verwenden, um Menschen und Maschinen besser zu machen (Maschinen können als Browser verstanden werden, die als Suchmaschinen verstanden werden können). Wenn meine Erklärung nicht klar genug ist, bitte Google.
Wie benutze ich das richtige Etikett am richtigen Ort?Dies ist eine einfache Verständnislogik. Beispielsweise werden die H1 ~ H6 -Tags für Titelklassen verwendet. UL wird für ungeordnete Listen verwendet; OL wird für ausgefüllte Listen verwendet; DL wird zum Definieren von Listen verwendet; Em, starke Tags werden verwendet, um zu betonen ... um es unverblümt auszudrücken, jede englische Definition des HTML -Tags bestimmt seine Semantik (später in diesem Artikel werde ich eine Vergleichstabelle mit englischen Definitionen von häufig verwendeten HTML -Tags als Referenz eingeben).
Was können Menschen und Maschinen auf einen Blick sehen?Der beste Weg, um zu überprüfen, ob die HTML -Seite semantisch ist, besteht darin, den CSS -Link der Seite zu entfernen, um festzustellen, ob die Webseitenstruktur ordnungsgemäß ist und ob die Seite noch lesbar ist. Warum kann ich das sagen? Jeder weiß, dass Browser Standardstile haben (empfohlen, Chrome Web Developer Tools für Chrome-Plug-In oder Firefox Web Developer Plug-In zu verwenden). Zum Beispiel wird H1 ~ H6 einen Standardstil der kühnen/Schriftgrößenreduktion sowie der oberen und unteren Ränder geben. UL, OL und DL haben alle Standardkugeln, und standardmäßig hat Strong einen mutigen Stil ... also kann für dieselbe Seite ein gut-semantischer HTML immer noch gut abschneiden, wenn die Seite CSS entfernt wird.
Ein weiterer Punkt ist, dass eine gute semantische Codierung besser freundlich zu Suchmaschinen ist. Suchspinnen erkennen Ihre CSS nicht, aber sie können HTML -Tags erkennen.
Hier ist ein einfaches Beispiel:Kopieren Sie den Code