Artikeleinführung von Wulin.com (www.vevb.com): Eine Webseite ist wie ein Haus, die HTML -Struktur ist eins nacheinander Wände und die Tags sind Ziegel. Die Ziegel müssen ordentlich und ordentlich platziert werden, damit die Wände fest sind. Schließlich ist das CSS das dekorative Material, und es hängt von ihr ab, ob es schön ist oder nicht. Daher müssen wir eine hervorragende Webseite haben, die nicht nur eine saubere und klare HTML -Struktur bietet, sondern auch untrennbar mit der ultimativen Verschönerung von CSS verbunden ist.
Als ich vor einiger Zeit beim Online-Surfen stellte, stellte ich fest, dass die Front-End-Entwicklungsfragen mehrerer inländischer Internetriesenunternehmen immer noch ein Problem der Label-Semantik erwähnten. Dieses Thema ist bereits ein Klischee, aber es gibt immer noch viele Probleme. Es kommt auf eine Gewohnheit an. Ich bin zu faul, wenn ich Zeit habe, also schreibe ich nur Code, ohne darüber nachzudenken. Ich weiß, ich habe mich geirrt! Kinderschuhe, wir müssen die Label -Semantik zur Gewohnheit machen! Heute werde ich die Semantik von Labels populär machen und mich ermutigen, den ganzen Tag nicht verwirrt zu sein!
Im Webdesign hören wir oft den Begriff Tag -Semantisierung. Das Design der HTML -Tag -Semantisierung besteht tatsächlich darin, das geeignete und geeignete Tag für ein bestimmtes Stück Inhalt zu verwenden. Auf diese Weise, egal wer es ist, können Sie verstehen, was dieser Inhalt ist.
Eine Webseite ist wie ein Haus. Die HTML -Struktur besteht von den Wänden nacheinander und die Tags sind Ziegel. Die Ziegel müssen ordentlich und ordentlich platziert werden, damit die Wände fest sind. Schließlich ist das CSS das dekorative Material, und es hängt von ihr ab, ob es schön ist oder nicht. Daher müssen wir eine hervorragende Webseite haben, die nicht nur eine saubere und klare HTML -Struktur bietet, sondern auch untrennbar mit der ultimativen Verschönerung von CSS verbunden ist.
Das obige zeigt auch, dass die Tag -Semantik äußerst wichtig ist. Jedes Tag in HTML hat seine eigene Semantik und einen eigenen Anwendungsbereich. Aber es wird oft von uns ignoriert oder missbraucht. Zum Beispiel: Auf einer Seite gibt es Dutzende oder sogar Hunderte von ihnen. Dies ist ein bedeutungsloses Tag, das nur eine Schicht darstellt, die für die spätere Wartung sehr ungünstig ist. Während das <table> -Tag ein Daten -Tag ist und wenn es Zeit ist, es zu verwenden, müssen wir es mutig verwenden.
Vorteile der Tag -SemantikEs gibt unzählige Gründe für Sie, Tag -Semantik zu verwenden:
HTML -Tag -Semantik ZusammenfassungUm Tags -Semantik schneller und besser zu verwenden, listet das folgende Formular alle HTML -Tags und Tag -Beschreibungen auf. Die folgende Liste ist alphabetisch angeordnet, wo neu: ist das neue Tag in HTML5.
Tag Beschreibung
<!-…-> Kommentare definieren.
<! DocType> definiert den Dokumenttyp.
<a> Definieren Sie den Hyperlink.
<abbr> Definieren Sie die Abkürzung.
<Akronym> nicht unterstützt in HTML 5. Definieren Sie das Akronym.
<adresse> definiert das Adresselement.
<Applet> wird in HTML 5 nicht unterstützt. Define Applet.
<Area> definiert den Bereich in der Bildkarte.
<artikels> Artikel definieren.
<Aufornig> Definiert Inhalte außerhalb des Seiteninhalts.
<DIO> definiert den Toninhalt.
<b> Fettdrucke Text definieren.
<basis> definiert die Basis -URL für alle Links auf der Seite.
<basefont> in HTML 5 nicht unterstützt. Verwenden Sie stattdessen CSS.
<BDI> Definieren Sie die Textorientierung des Textes so, dass er aus der Richtung des umgebenden Textes festgelegt wird.
<BDO> Definieren Sie die Textanzeige.
<Big> Nicht unterstützt in HTML 5. Den großen Text definieren.
<blockquote> Lange Referenzen definieren.
<body> definiert das Körperelement.
<br> Zeilenumbrüche einfügen.
<taste> definiert die Taste.
<Canvas> definiert das Diagramm.
<Caption> definiert den Tabellentitel.
<Center> HTML 5 wird nicht unterstützt. Definiert den zentrierten Text.
<Cite> definiert eine Referenz.
<Code> definiert den Computercode -Text.
<Col> definiert die Eigenschaften einer Tabellenspalte.
<ColGroup> definiert die Gruppierung von Tabellenspalten.
<BEFEHLE> Definiert die Befehlstaste.
<Datalist> definiert die Dropdown-Liste.
<DD> Definieren Sie die Beschreibung der Definition.
<Del> Definiert Löschen des Textes.
<details> definiert die Details des Elements.
<DFN> Definition definiert das Projekt.
<Dir> in HTML 5 nicht unterstützt. Definieren Sie eine Verzeichnisliste.
<div> definiert einen Teil des Dokuments.
<dl> Definitionsliste.
<dt> definiert das definierte Element.
<em> Definition betont den Text.
<Bett> externe interaktive Inhalte oder Plug-In definieren.
<Fieldset> Definiert Fieldset.
<Figcaption> definiert den Titel des Figurenelements.
<Aby> definiert die Gruppierung von Medieninhalten sowie deren Titel.
<Font> in HTML 5 nicht unterstützt.
<fouts> Definiert die Fußzeile des Abschnitts oder der Seite.
<form> definiert das Formular.
<Reframe> HTML 5 wird nicht unterstützt. Definiert einen Unterwindow (Rahmen).
<RameSet> wird in HTML 5 nicht unterstützt. Definiert die Menge der Frameworks.
<h1> zu <h6> Titel 1 zu Titel 6 definieren.
<Head> Definiert Informationen zum Dokument.
<Header> Definiert den Header des Abschnitts oder der Seite.
<hGroup> Definiert Informationen zu Abschnitten im Dokument.
<hr> Definieren Sie die horizontale Linie.
<html> Definieren Sie das HTML -Dokument.
<i> ITALISCHE Text definieren.
<Iframe> definiert das untergeordnete Fenster (Rahmen) in der Zeile.
<img> das Bild definieren.
<eingabe> definiert das Eingangsfeld.
<ins> definiert den Texteinfügetext.
<Keygen> definiert den generierten Schlüssel.
<Sindex> wird in HTML 5 nicht unterstützt. Definiert das Eingangsfeld für eine einzelne Zeile.
<kbd> Definiert Tastaturtext.
<Label> definiert die Beschriftung der Formregelung.
<Legend> definiert den Titel im Fieldset.
<li> Definieren Sie das Element der Liste.
<Link> Definiert Ressourcenreferenz.
<Map> Bildkarte definieren.
<Mark> definiert markierten Text.
<Meens> Menüliste definieren.
<Meta> definiert Meta -Informationen.
<meter> definiert die Metrik innerhalb des vordefinierten Bereichs.
<Av> Navigationsverbindungen definieren.
<noframes> wird in HTML 5 nicht unterstützt. Definieren Sie den NoFrame -Teil.
<NoScript> definiert den NoScript -Teil.
<Object> definiert das eingebettete Objekt.
<ol> definiert eine bestellte Liste.
<Optgroup> Definiert die Optionsgruppe.
<option> definiert die Optionen in der Dropdown-Liste.
<ausgabe> definiert einige Arten von Ausgabe.
<p> Absätze definieren.
<Param> definiert Parameter für das Objekt.
<Pre> Definieren Sie vorformatiertem Text.
<progresor> definiert den Fortschritt jeglicher Art von Aufgabe.
<q> definiert kurze Referenzen.
<RP> Inhalt definieren, die vom Ruby -Element angezeigt werden, wenn der Browser den Browser nicht unterstützt.
<rt> definiert die Erklärung von Ruby -Kommentaren.
<Ruby> definiert Ruby -Kommentare.
<s> in HTML 5 nicht unterstützt. Definiert Text mit Strips.
<Samp> Beispiel Computercode definieren.
<Script> Definiert Skript.
<ABSCHNITT> Definiert Abschnitt.
<Select> Definiert eine optionale Liste.
<kleine> Seite von Kommentaren als kleiner Text.
<quelle> definiert die Medienquelle.
<span> definiert den Abschnitt im Dokument.
<Sreigs> wird in HTML 5 nicht unterstützt. Definiert Text mit Striicken.
<strong> Definition betont den Text.
<Styles> definiert die Stildefinition.
<Sub> Definiert ein Indextext.
<summary> definiert den Titel des Detailelements.
<sup> Superscript -Text definieren.
<tabelle> definiert die Tabelle.
<tbody> definiert den Körper des Tisches.
<td> definiert die Tabellenzelle.
<textarea> Definieren Sie TextArea.
<tfoot> definiert die Fußnoten der Tabelle.
<Th> definiert den Header.
<Head> definiert den Header.
<Time> Definieren Sie Datum/Uhrzeit.
<titels> definiert den Titel des Dokuments.
<tr> definiert Tabellenreihen.
<RACK> definiert den im Media Player verwendeten Textspur.
<tt> in HTML 5 nicht unterstützt. Definiert Typewriter -Text.
<u> Nicht unterstützt in HTML 5. Unterstrichener Text definieren.
<ul> Definieren Sie eine ungeordnete Liste.
<var> definiert die Variable.
<videos> definiert Video.
<xmp> in HTML 5 nicht unterstützt. Definieren Sie vorformatiertem Text.