


Während in HTML5 viele neue Elemente hinzugefügt und entfernt werden, werden auch viele Attribute hinzugefügt und entfernt.
Neue Attribute
1. Formularbezogene Attribute
Geben Sie das Autofokus-Attribut für Eingabe (Typ=Text), Auswahl, Textbereich und Schaltfläche an. Durch die Angabe von Attributen kann das Element beim Öffnen des Bildschirms automatisch den Fokus erhalten. Geben Sie das Platzhalterattribut für Eingabe (Typ=Text) und Textbereich an, das den Benutzer zur Eingabe auffordert und welche Inhalte der Benutzer eingeben kann. Geben Sie Formularattribute für Eingabe, Ausgabe, Auswahl, Textbereich, Schaltfläche und Feldsatz an. Es gibt an, zu welchem Formular es gehört, und platziert es dann an einer beliebigen Stelle auf der Seite, ohne das Formular aus den Augen zu verlieren. Geben Sie das erforderliche Attribut für Eingabe (Typ=Text) und Textbereich an. Dieses Attribut gibt an, dass der Benutzer beim Senden prüft, ob im Element Eingabeinhalt vorhanden sein muss. Fügen Sie dem Eingabe-Tag mehrere neue Attribute hinzu: Autovervollständigung, Min., Max., Vielfaches, Muster und Schritt. Es gibt auch ein Listenattribut, das in Verbindung mit dem Datalist-Element verwendet wird; das Datalist-Element wird in Verbindung mit dem Autocomplete-Attribut verwendet. Das Attribut „multiple“ ermöglicht das gleichzeitige Hochladen mehrerer Dateien während des Hochladens. Das Attribut „pattern“ wird verwendet, um das Muster des Eingabefelds zu überprüfen, bei dem es sich tatsächlich um einen regulären Ausdruck handelt. Das Step-Attribut gibt das zulässige Zahlenintervall des Eingabefelds an (wenn step="3", sollten die zulässigen Zahlen -3, 0, 3, 6 usw. sein. Das Step-Attribut kann in Verbindung mit dem max. Wert verwendet werden und min-Attribute, um einen zulässigen Wertebereich zu erstellen. Fügen Sie den Eingabe- und Schaltflächenelementen die Attribute formaction, formenctype, formmethod, formnovalidate und formtarget hinzu. Der Benutzer überschreibt die Attribute action, enctype, method, novalidate und target des Formularelements. Fügen Sie das Attribut „disabled“ zum Fieldset-Element hinzu, um seine untergeordneten Elemente in den deaktivierten Zustand zu versetzen. Durch das Hinzufügen des novalidate-Attributs zu Eingabe, Schaltfläche und Formular können die relevanten Prüfungen, die während der Übermittlung durchgeführt wurden, abgebrochen werden, und das Formular kann bedingungslos übermittelt werden.2. Linkbezogene Attribute
Fügen Sie einem Bereich Medienattribute hinzu. Gibt den Medien-/Gerätetyp an, für den die Ziel-URL optimiert ist. Mit diesem Attribut wird angegeben, dass die Ziel-URL für ein bestimmtes Gerät (z. B. iPhone), Sprach- oder Druckmedien konzipiert ist. Diese Eigenschaft kann mehrere Werte annehmen. Kann nur verwendet werden, wenn das href-Attribut vorhanden ist. Fügen Sie dem Bereich herflang- und rel-Attribute hinzu. Das Attribut hreflang gibt die Sprache des Textes im verknüpften Dokument an. Dieses Attribut kann nur verwendet werden, wenn das href-Attribut festgelegt ist. Hinweis: Bei dieser Eigenschaft handelt es sich lediglich um eine Empfehlung. Das Attribut rel gibt die Beziehung zwischen dem aktuellen Dokument und dem verknüpften Dokument/der verknüpften Ressource an. Das rel-Attribut kann nur verwendet werden, wenn das href-Attribut verwendet wird. Größenattribut zum Link hinzufügen. Das Größenattribut gibt die Größe der verknüpften Ressource an. Dieses Attribut kann nur verwendet werden, wenn die verknüpfte Ressource ein Symbol (rel="icon") ist. Diese Eigenschaft kann mehrere Werte annehmen. Werte werden durch Leerzeichen getrennt. Das Hinzufügen des Zielattributs zum Basiselement dient hauptsächlich dazu, die Konsistenz mit dem a-Element aufrechtzuerhalten.3. Andere Attribute
Fügen Sie das Attribut „reversed“ zu ol hinzu, das angibt, dass die Liste in umgekehrter Reihenfolge angezeigt wird. Fügen Sie das charset-Attribut zu Meta hinzu und fügen Sie Typ- und Label-Attribute zum Menü hinzu. label definiert ein Courseware-Label für das Menü und das type-Attribut ermöglicht die Darstellung in drei Formen: Kontextmenü, Symbolleiste und Liste. Bereichsattribut zum Stil hinzufügen. Es ermöglicht uns, Stile für bestimmte Teile des Dokuments statt für das gesamte Dokument zu definieren. Wenn das Attribut „scoped“ verwendet wird, kann der angegebene Stil nur auf das übergeordnete Element des Stilelements und seine untergeordneten Elemente angewendet werden. Addieren oder subtrahieren Sie Attribute für das Skript, wodurch definiert wird, ob das Skript asynchron ausgeführt wird. Das async-Attribut funktioniert nur mit externen Skripten (nur bei Verwendung des src-Attributs). Es gibt mehrere Möglichkeiten, externe Skripte auszuführen: Wenn async="async": Das Skript wird asynchron in Bezug auf den Rest der Seite ausgeführt (während die Seite fortgesetzt wird). Beim Parsen wird das Skript ausgeführt) Wenn Async nicht verwendet wird und defer="defer": Das Skript wird ausgeführt, wenn die Seite mit dem Parsen fertig ist. Wenn weder Async noch Defer verwendet wird: Das Skript wird unmittelbar vor dem Browser gelesen und ausgeführt Analysiert die Seite weiterhin als HTML-Element, das in Verbindung mit der API bei der Entwicklung von Offline-Webanwendungen verwendet wird, um eine URL zu definieren und die Cache-Informationen des Dokuments auf dieser URL zu beschreiben. Fügen Sie Attribute zu Iframe, Sandbox, Seamless und Srcdoc hinzu. Wird verwendet, um die Seitensicherheit zu verbessern und zu verhindern, dass nicht vertrauenswürdige Webseiten bestimmte Vorgänge ausführen.Attribute abgeschafft
Einige Attribute in HTML4 werden in HTML5 nicht mehr verwendet, sondern durch andere Attribute oder andere Methoden ersetzt.
In HTML 4 verwendete Attribute | Elemente, die dieses Attribut verwenden | Alternativen in HTML 5 |
rev | Link, ein | rel |
Zeichensatz | Link, ein | Verwenden Sie das Header-Element HTTP Content-type in der verknüpften Ressource |
Form, Koordinaten | ein | Verwenden Sie das Flächenelement anstelle eines Elements |
longdesc | img, iframe | Verwenden Sie das a-Element, um auf die Hauptbeschreibung zu verlinken |
Ziel | Link | Redundante Attribute, weggelassen |
nohref | Bereich | Redundante Attribute, weggelassen |
Profil | Kopf | Redundante Attribute, weggelassen |
Version | html | Redundante Attribute, weggelassen |
Name | img | ID |
Schema | Meta | Schema nur für bestimmte Formularfelder verwenden |
Archiv, Chlassid, Codebose, Codetyp, Deklarieren, Standby | Objekt | Verwenden Sie die Attributklassen data und typc, um das Plug-in aufzurufen. Wenn Sie diese Attribute zum Festlegen von Parametern verwenden müssen, verwenden Sie das param-Attribut |
Werttyp, Typ | param | Namens- und Wertattribute verwenden, nicht den MIME-Typ deklarieren |
Achse, Abk. | td、th | Verwenden Sie ein Format, das mit einem klaren, prägnanten Text beginnt, gefolgt von einem detaillierten Text.Sie können das Titelattribut für detailliertere Inhalte verwenden, um den Zellinhalt kürzer zu machen |
Umfang | td | Verwenden Sie das Header-Element HTTP Content-type in der verknüpften Ressource |
ausrichten | Beschriftung, Eingabe, Legende, div, h1, h2, h3, h4, h5, h6, p | Verwenden Sie stattdessen CSS-Stylesheet |
Alink, Link, Text, Vlink, Hintergrund, Hintergrundfarbe | Körper | Verwenden Sie stattdessen CSS-Stylesheet |
ausrichten, Hintergrundfarbe, Rahmen, Zellabstand, Zellabstand, Rahmen, Regeln, Breite | Tabelle | Verwenden Sie stattdessen CSS-Stylesheet |
align, char, charoff, height, nowrap, valign | Körper, Kopf, Fuß | Verwenden Sie stattdessen CSS-Stylesheet |
align, bgcolor, char, charoff, height, nowrap, valign, width | td、th | Verwenden Sie stattdessen CSS-Stylesheet |
align, bgcolor, char, charoff, valign | tr | Verwenden Sie stattdessen CSS-Stylesheet |
align, char, charoff, valign, width | col, colgroup | Verwenden Sie stattdessen CSS-Stylesheet |
align, border, hspace, vspace | Objekt | Verwenden Sie stattdessen CSS-Stylesheet |
klar | br | Verwenden Sie stattdessen CSS-Stylesheet |
Kompakt, Typ | ol, ul, li | Verwenden Sie stattdessen CSS-Stylesheet |
kompakt | dl | Verwenden Sie stattdessen CSS-Stylesheet |
kompakt | Menü | Verwenden Sie stattdessen das CSS-Stylesheet |
Breite | vor | Verwenden Sie stattdessen CSS-Stylesheet |
align, hspace, vspace | img | Verwenden Sie stattdessen CSS-Stylesheet |
align, noshade, size, width | Std. | Verwenden Sie stattdessen CSS-Stylesheet |
align, frameborder, scrolling, marginheight, marginwidth | iframe | Verwenden Sie stattdessen CSS-Stylesheet |
automatische Übermittlung | Menü |

H5 bringt eine Reihe neuer Funktionen und Fähigkeiten mit sich und verbessert die Interaktivität und Entwicklungseffizienz von Webseiten erheblich. 1. Semantische Tags wie Verbesserung der SEO. 2. Multimedia Support vereinfacht Audio- und Video -Wiedergabe durch und Tags. 3. Canvas Drawing bietet dynamische Grafikzeichnungswerkzeuge. 4. Lokaler Speicher vereinfacht die Datenspeicherung durch LocalStorage und SessionStorage. 5. Die Geolocation-API erleichtert die Entwicklung standortbasierter Dienste.

HTML5 bringt fünf wichtige Verbesserungen mit sich: 1. Semantische Tags verbessern die Code -Klarheit und SEO -Effekte; 2. Multimedia Support vereinfacht Video- und Audio -Einbettung; 3. Form -Verbesserung vereinfacht die Überprüfung; 4. Offline und lokaler Speicher verbessert die Benutzererfahrung. 5. Leinwand- und Grafikfunktionen verbessern die Visualisierung von Webseiten.

Die Kernmerkmale von HTML5 sind semantische Tags, Multimedia -Support, Offline -Speicher und lokaler Speicher sowie Form. 1. Semantische Tags wie usw., um die Code -Lesbarkeit und SEO -Effekt zu verbessern. 2. Vereinfachen Sie die Multimedia -Einbettung mit Etiketten. 3. Offline-Speicher und lokaler Speicher wie ApplicationCache und LocalStorage unterstützen den netzwerkfreien Betrieb und die Datenspeicherung. 4. Formularverbesserung führt neue Eingangstypen und Überprüfungseigenschaften ein, um die Verarbeitung und Überprüfung zu vereinfachen.

H5 bietet eine Vielzahl neuer Funktionen und Funktionen und verbessert die Fähigkeiten der Front-End-Entwicklung erheblich. 1. Multimedia-Unterstützung: Einbetten von Medien und Elementen, keine Plug-Ins sind erforderlich. 2. Leinwand: Verwenden Sie Elemente, um 2D -Grafiken und -Animationen dynamisch zu rendern. 3. Lokaler Speicher: Implementieren Sie die persistente Datenspeicherung über LocalStorage und SessionStorage, um die Benutzererfahrung zu verbessern.

H5 und HTML5 sind verschiedene Konzepte: HTML5 ist eine Version von HTML, die neue Elemente und APIs enthält. H5 ist ein Rahmen für mobile Anwendungsentwicklungen, die auf HTML5 basieren. HTML5 pariert und rendert Code über den Browser, während H5 -Anwendungen Container ausführen und über JavaScript mit nativem Code interagieren müssen.

Zu den wichtigsten Elementen von HTML5 gehören ,,,,,, usw., mit denen moderne Webseiten erstellt werden. 1. Definieren Sie den Kopfinhalt, 2. Zum Navigieren durch den Link, 3. darstellen den Inhalt unabhängiger Artikel, 4. organisieren Sie den Seiteninhalt, 5. Zeigen Sie den Seitenleisteninhalt an, 6. Definieren Sie die Fußzeile. Diese Elemente verbessern die Struktur und Funktionalität der Webseite.

Es gibt keinen Unterschied zwischen HTML5 und H5, der Abkürzung von HTML5. 1.HTML5 ist die fünfte Version von HTML, die die Multimedia- und interaktiven Funktionen von Webseiten verbessert. 2.H5 wird häufig verwendet, um auf HTML5-basierte mobile Webseiten oder -anwendungen zu verweisen, und eignet sich für verschiedene mobile Geräte.

HTML5 ist die neueste Version der Hypertext -Markup -Sprache, die von W3C standardisiert wurde. HTML5 führt neue semantische Tags, Multimedia -Support- und Form -Verbesserungen ein, verbessert die Webstruktur, die Benutzererfahrung und die SEO -Effekte. HTML5 führt neue semantische Tags vor, wie z. HTML5 unterstützt Multimedia-Elemente und es sind keine Plug-Ins von Drittanbietern erforderlich, wodurch die Benutzererfahrung und die Ladegeschwindigkeit verbessert werden. HTML5 verbessert die Formfunktionen und führt neue Eingangstypen wie usw. ein, die die Effizienz der Benutzererfahrung und der Form von Formularverifizierung verbessert.


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

MantisBT
Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.

EditPlus chinesische Crack-Version
Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

SublimeText3 Englische Version
Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!

SublimeText3 Linux neue Version
SublimeText3 Linux neueste Version

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
