Kommentar: In HTML5 werden auch viele Attribute hinzugefügt und abgeschafft, z. B. formbezogene Attribute/linkbezogene Attribute, und einige Attribute in HTML4 werden abgeschafft. Wenn Sie interessiert sind, können Sie darüber erfahren. Es kann für Sie hilfreich sein, HTML5 zu lernen.
In HTML5, während viele neue Elemente hinzugefügt und abgeschafft werden, werden auch viele Attribute hinzugefügt und abgeschafft.
Neue Attribute
1. Form-bezogene Attribute
Geben Sie die Autofocus -Attribute für Input (Typ = Text) an, wählen Sie, TextArea und Schaltfläche. Es ermöglicht es Elementen, beim Öffnen des Bildschirms durch Angabe von Eigenschaften automatisch Fokus zu gewinnen. Geben Sie das Platzhalterattribut für Eingabe (Typ = Text) und TextArea an, mit dem die Eingabe des Benutzers aufgefordert wird, den Benutzer für das zu fordern, was er eingeben kann. Geben Sie Formularattribute für Eingabe, Ausgabe, Wählen Sie, textarea, Schaltfläche und Felder an. Es erklärt, zu welcher Form es gehört, und platziert es dann überall auf der Seite, ohne es in der Form zu verlieren. Geben Sie das erforderliche Attribut für Eingabe (Typ = Text) und textarea an. Dieses Attribut bedeutet, dass der Benutzer beim Senden überprüft und im Überprüfungselement Eingabinhalte eingeben muss. Fügen Sie dem Eingabe -Tag mehrere neue Attribute hinzu: Autokaponete, Min, Max, Mehrfach, Muster und Schritt. Es gibt auch ein Listenattribut, das in Verbindung mit dem Datalistenelement verwendet wird. Das Datalist -Element wird in Verbindung mit dem automatischen Attribut verwendet. Mit dem mehrfachen Attribut können mehrere Dateien während des Uploads gleichzeitig hochgeladen werden. Das Musterattribut wird verwendet, um das Muster des Eingangsfeldes zu überprüfen, das tatsächlich ein regulärer Ausdruck ist. Das Stufenattribut gibt das rechtliche numerische Intervall des Eingabefeldes an (wenn Schritt = 3, sollte die rechtliche Numerikum -3, 0, 3, 6 usw. sein). Das Schrittattribut kann in Verbindung mit den maximalen und min -Attributen verwendet werden, um einen Bereich von rechtlichen Werten zu erstellen. Fügen Sie Format-, FormCtype-, FormMethod-, Formnovalidate- und FormTarget -Eigenschaften zu den Eingabe- und Tastelelementen hinzu. Der Benutzer überlastet die Aktion, die EngeTeT, die Methode, die Novalidate und die Zielattribute des Formularelements. Fügen Sie dem Fieldset -Element deaktiviertes Attribut hinzu, und seine untergeordneten Elemente können auf den deaktivierten Zustand gesetzt werden. Das Hinzufügen des Novalidat -Attributs zu Eingabe, Taste und Formular kann die relevanten Schecks abbrechen, die während der Einreichung durchgeführt werden, und das Formular kann bedingungslos eingereicht werden.2. Linkbezogene Attribute
Fügen Sie einem und Bereich Medienattribute hinzu. Gibt an, warum die Ziel -URL für den Medien-/Gerätetyp optimiert ist. Dieses Attribut wird verwendet, um anzugeben, dass die Ziel -URL für ein spezielles Gerät (z. B. ein iPhone), Sprach- oder Druckmedium ausgelegt ist. Diese Eigenschaft kann mehrere Werte akzeptieren. Verwenden Sie nur, wenn das HREF -Attribut existiert. Fügen Sie Herflang- und Rel -Attribute in den Bereich hinzu. Die Hreflang -Eigenschaft gibt die Sprache des Textes im verknüpften Dokument an. Diese Eigenschaft kann nur verwendet werden, wenn die HREF -Eigenschaft festgelegt ist. Hinweis: Dieses Attribut ist rein konsultativ. Das REL -Attribut gibt die Beziehung zwischen dem aktuellen Dokument und dem verknüpften Dokument/der verknüpften Ressource an. Die Rel -Eigenschaft kann nur verwendet werden, wenn die HREF -Eigenschaft verwendet wird. Fügt das Größenattribut zum Link hinzu. Das Größenattribut gibt die Größe der verknüpften Ressource an. Diese Eigenschaft kann nur verwendet werden, wenn die verknüpfte Ressource ein Symbol ist (Rel = Symbol). Diese Eigenschaft kann mehrere Werte akzeptieren. Die Werte werden durch Leerzeichen getrennt. Das Hinzufügen von Zielattribut zum Basiselement dürfte hauptsächlich die Konsistenz mit dem A -Element beibehalten.3. Andere Attribute
Fügt OL umgekehrtes Attribut hinzu, wodurch die Liste in umgekehrter Reihenfolge angegeben wird. Fügen Sie das Charset -Attribut zu Meta hinzu und fügen Sie die Typ- und Beschriftungsattribute zum Menü hinzu. Label definiert ein Kursschild für das Menü, und das Typ -Attribut kann in drei Formularen verwendet werden: Kontextmenü, Symbolleiste und Liste. Fügen Sie dem Stil Scoped Attribut hinzu. Es ermöglicht uns, Stile für bestimmte Teile des Dokuments und nicht für das gesamte Dokument zu definieren. Wenn das Scoped -Attribut verwendet wird, kann der angegebene Stil nur auf die Eltern- und Kinderelemente des Stilelements angewendet werden. Fügen Sie Attribute für Skript hinzu oder löschen Sie, was definiert, ob das Skript asynchron ausgeführt wird. Das asynchrische Attribut gilt nur für externe Skripte (nur bei Verwendung des SRC -Attributs). Es gibt mehrere Möglichkeiten, externe Skripte auszuführen: Wenn async = async: Das Skript wird asynchron relativ zum Rest der Seite ausgeführt (das Skript wird ausgeführt, wenn die Seite weiter analysiert wird), wenn Async nicht verwendet wird, und aufschieben: Das Skript wird ausgeführt, wenn die Seite Parsing abgeschlossen wird. Wenn weder Async noch aufschieben: Bevor der Browser die Seite weiter analysiert, lesen Sie das Skript sofort dem HTML -Element Manifest hinzu. Bei der Entwicklung von Offline -Webanwendungen wird sie in Verbindung mit der API verwendet, um eine URL zu definieren, die die Cache -Informationen des Dokuments auf dieser URL beschreibt. Fügen Sie dem Iframe, Sandbox, nahtlos und srcdoc ein SPRCDOC -Attribut hinzu. Wird verwendet, um die Seitensicherheit zu verbessern und misstraute Webseiten bestimmte Vorgänge auszuführen.Abgeschafte Attribute
Einige Eigenschaften in HTML4 werden in HTML5 nicht mehr verwendet, sondern durch andere Eigenschaften oder andere Methoden ersetzt.
Eine Eigenschaft, die in HTML 4 -Alternativen verwendet wird, um Elemente dieser Eigenschaft in HTML 5 zu verwenden
Rev Link, ein rel
CharSet-Link, ein Header-Element vom Typ HTTP-Inhalt in der verknüpften Ressource verwenden
Form, koordnet ein Gebrauchsbereichselement anstelle eines Elements
Longdesc img, Iframe Link zur Hauptbeschreibung mit einem Element
Ziellink redundante Attribute, weggelassen
Noref Area Redundante Attribute, weggelassen
Profil -Kopf -redundante Attribute, weggelassen
Version HTML redundante Attribute, weggelassen
Name IMG ID
Schema -Meta -Nutzungsschema nur für ein Formularfeld
Archiv, Chlassid, Codebose, Codetyp, Declare, Standby-Objekt verwenden Daten und Typc-Attributklassen, um das Plug-In aufzurufen. Wenn Sie diese Eigenschaften verwenden müssen, um Parameter festzulegen, verwenden Sie das Paramattribut
Valuetyp, Typ Param Verwenden Sie Name und Wertattribute, und der MIME -Typ wird nicht deklariert.
Achse, ABBR TD, TH Verwenden Sie die Form eines klaren und prägnanten Textes, gefolgt von einem detaillierten Text. Sie können das Titelattribut für detailliertere Inhalte verwenden, um den Inhalt der Zelle kürzer zu machen
Scope TD verwendet HTTP-Header-Element vom Typ Content-Typ in verknüpfter Ressource
Bildunterschrift, Eingabe, Legende, Div, H1, H2, H3, H4, H5, H6, P verwenden Sie CSS -Stylesheets zum Ersetzen
Link, Link, Text, Vlink, Hintergrund, BGColor -Körper verwenden CSS -Stylesheets zum Ersetzen
Ausrichtung, BGColor, Rand, Cellpadding, Zellpaket, Rahmen, Regeln, Breitentabelle mit CSS -Stylesheets stattdessen
Align, Char, Charoff, Höhe, Nowrap, Valign Tbody, Head, Tfoot CSS -Stylesheets zum Ersetzen verwenden
Align, Bgcolor, Char, Charoff, Höhe, Nowrap, Valign, Width TD, TH verwenden stattdessen CSS -Stylesheet
Ausrichtung, BGColor, Char, Charoff, Valign TR verwenden, um stattdessen CSS -Stylesheet zu verwenden
Ausrichtung, Char, Charoff, Valign, Width Col, Colgroup verwenden stattdessen CSS -Stylesheet
Ausrichtung, Grenze, Hspace, VSpace -Objekt verwenden CSS -Stylesheets, um ersetzt zu werden
Löschen Sie stattdessen CSS -Stylesheets
Verwenden Sie CSS -Stylesheets zum Ersetzen
Verwenden Sie CSS -Stylesheets zum Ersetzen
Verwenden Sie CSS -Stylesheets zum Ersetzen
Breite PRE verwendet stattdessen CSS -Stylesheets
Ausrichtung, Hspace, VSpace IMG verwenden stattdessen CSS -Stylesheet
Align, Noshade, Größe, Breite HR verwenden, verwenden Sie CSS -Stylesheet, um ersetzt zu werden
Ausrichtung, Frameborder, Scrollen, MarginHeight, Marginwidth Iframe verwendet stattdessen CSS -Stylesheet
Autosubmit -Menü