suchen
HeimWeb-FrontendH5-TutorialEin kurzer Überblick über die neuen und abgeschafften Attribute von html5_html5-Tutorial-Fähigkeiten

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ü
Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Wie verwende ich Ansichtsfenster -Meta -Tags, um die Seite zu steuern, die auf mobilen Geräten skaliert wird?Wie verwende ich Ansichtsfenster -Meta -Tags, um die Seite zu steuern, die auf mobilen Geräten skaliert wird?Mar 13, 2025 pm 08:00 PM

In dem Artikel werden die Meta-Tags mit Ansichtsfenster besprochen, um die Seite zu steuern, die auf mobilen Geräten skaliert und sich auf Einstellungen wie Breite und initiale Maßstäbe für optimale Reaktionsfähigkeit und Leistung konzentriert.Character Count: 159

Wie füge ich meiner HTML5 -Website Audio hinzu?Wie füge ich meiner HTML5 -Website Audio hinzu?Mar 10, 2025 pm 03:01 PM

In diesem Artikel wird erläutert, wie Audio in HTML5 mit dem & lt; audio & gt; Element, einschließlich Best Practices für die Formatauswahl (MP3, OGG Vorbis), Dateioptimierung und JavaScript -Steuerung für die Wiedergabe. Es betont die Verwendung von mehreren Audio f f

Wie erstelle ich interaktive Spiele mit HTML5 und JavaScript?Wie erstelle ich interaktive Spiele mit HTML5 und JavaScript?Mar 10, 2025 pm 06:34 PM

In diesem Artikel werden interaktive HTML5 -Spiele mit JavaScript erstellt. Es umfasst das Spieldesign, die HTML -Struktur, das CSS -Styling, die JavaScript -Logik (einschließlich Ereignisbearbeitung und -animation) und die Audio -Integration. Essentielle JavaScript -Bibliotheken (Phaser, PI

Wie verwende ich HTML5 -Formulare für Benutzereingaben?Wie verwende ich HTML5 -Formulare für Benutzereingaben?Mar 10, 2025 pm 02:59 PM

In diesem Artikel wird erläutert, wie HTML5 -Formulare erstellt und validiert werden. Es beschreibt die Form & gt; Element, Eingabetypen (Text, E -Mail, Nummer usw.) und Attribute (erforderlich, Muster, min, max). Die Vorteile von HTML5 -Formen gegenüber älteren Methoden, inkl.

Wie benutze ich die API der HTML5 -Seite Sichtbarkeit, um zu erkennen, wann eine Seite sichtbar ist?Wie benutze ich die API der HTML5 -Seite Sichtbarkeit, um zu erkennen, wann eine Seite sichtbar ist?Mar 13, 2025 pm 07:51 PM

In dem Artikel werden die Sichtbarkeits -API der HTML5 -Seite mit der Sichtbarkeit von Seiten ermittelt, die Benutzererfahrung verbessert und die Ressourcennutzung optimiert. Zu den wichtigsten Aspekten gehören die Pause, die Verringerung der CPU -Last und die Verwaltung von Analysen auf der Grundlage von Sichtbarkeitsänderungen.

Wie gehe ich mit der Privatsphäre und Berechtigungen des Benutzer Ort mit der Geolocation -API um?Wie gehe ich mit der Privatsphäre und Berechtigungen des Benutzer Ort mit der Geolocation -API um?Mar 18, 2025 pm 02:16 PM

In dem Artikel wird die Verwaltung der Privatsphäre und Berechtigungen des Benutzerstandorts mithilfe der Geolocation -API erörtert, wobei die Best Practices für die Anforderung von Berechtigungen, die Gewährleistung der Datensicherheit und die Einhaltung der Datenschutzgesetze hervorgehoben werden.

Wie verwende ich die HTML5 -Drag & Drop -API für interaktive Benutzeroberflächen?Wie verwende ich die HTML5 -Drag & Drop -API für interaktive Benutzeroberflächen?Mar 18, 2025 pm 02:17 PM

In dem Artikel wird erläutert, wie die HTML5 -Drag & Drop -API verwendet wird, um interaktive Benutzeroberflächen zu erstellen, Schritte zu detaillieren, um Elemente draggierbar zu machen, Schlüsselereignisse zu verarbeiten und Benutzererfahrung mit benutzerdefiniertem Feedback zu verbessern. Es wird auch gemeinsame Fallstricke zu a diskutiert

Wie verwende ich die HTML5 WebSockets -API für die bidirektionale Kommunikation zwischen Client und Server?Wie verwende ich die HTML5 WebSockets -API für die bidirektionale Kommunikation zwischen Client und Server?Mar 12, 2025 pm 03:20 PM

In diesem Artikel werden die HTML5 WebSockets-API für die Kommunikation zwischen bidirektionaler Client-Server in Echtzeit erläutert. Es werden clientseitige (JavaScript) und serverseitige (Python/Flask) -implementierungen beschrieben, die Herausforderungen wie Skalierbarkeit, staatliches Management, ein

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

mPDF

mPDF

mPDF ist eine PHP-Bibliothek, die PDF-Dateien aus UTF-8-codiertem HTML generieren kann. Der ursprüngliche Autor, Ian Back, hat mPDF geschrieben, um PDF-Dateien „on the fly“ von seiner Website auszugeben und verschiedene Sprachen zu verarbeiten. Es ist langsamer und erzeugt bei der Verwendung von Unicode-Schriftarten größere Dateien als Originalskripte wie HTML2FPDF, unterstützt aber CSS-Stile usw. und verfügt über viele Verbesserungen. Unterstützt fast alle Sprachen, einschließlich RTL (Arabisch und Hebräisch) und CJK (Chinesisch, Japanisch und Koreanisch). Unterstützt verschachtelte Elemente auf Blockebene (wie P, DIV),

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Dreamweaver Mac

Dreamweaver Mac

Visuelle Webentwicklungstools

EditPlus chinesische Crack-Version

EditPlus chinesische Crack-Version

Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

Sicherer Prüfungsbrowser

Sicherer Prüfungsbrowser

Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.