Inhaltsverzeichnis
HTML5-Verbesserungen
Heim Web-Frontend Front-End-Fragen und Antworten Ist HTML5 die fünfte Revision?

Ist HTML5 die fünfte Revision?

Jan 18, 2022 am 10:34 AM
html html5

html5 ist die fünfte Modifikation. HTML5 ist die fünfte Überarbeitung des HTML-Standards. Sein Hauptziel besteht darin, das Internet so zu semantieren, dass es für Menschen und Maschinen besser lesbar ist und gleichzeitig die Einbettung verschiedener Medien besser unterstützt abwärtskompatibel.

Ist HTML5 die fünfte Revision?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

HTML5

HTML5 ist die fünfte Revision des HTML-Standards. Sein Hauptziel besteht darin, das Internet so zu semantisieren, dass es für Menschen und Maschinen besser lesbar ist und gleichzeitig die Einbettung verschiedener Medien besser unterstützt. Die HTML5-Syntax ist abwärtskompatibel. H5, auf das in China mittlerweile allgemein Bezug genommen wird, umfasst CSS3 und JavaScript (streng genommen ist es nicht angebracht, es so zu nennen, aber es ist bereits falsch, es so zu nennen).

HTML5 ist die neueste überarbeitete Version von HTML. Der Standard wurde im Oktober 2014 vom World Wide Web Consortium (W3C) fertiggestellt.

HTML5 wurde entwickelt, um Multimedia auf mobilen Geräten zu unterstützen.

Einige interessante neue Funktionen in HTML5:

  • Das Canvas-Element zum Malen.

  • Video- und Audioelemente für die Medienwiedergabe

  • Bessere Unterstützung für lokale Offline-Speicherung.

  • Neue spezielle Inhaltselemente wie Artikel, Fußzeile, Kopfzeile, Navigation, Abschnitt.

  • Neue Formularsteuerelemente wie Kalender, Datum, Uhrzeit, E-Mail, URL, Suche.

HTML5-Verbesserungen

  • Neue Elemente

  • Neue Attribute

  • Vollständige Unterstützung für CSS3

  • Video und Audio

  • 2D/3D-Zeichnung

  • Lokaler Speicher

  • Lokale SQL-Daten

  • Webanwendung

Neue Elemente und Attribute

1. Semantische Tags

Semantische Tags machen den Inhalt der Seite strukturiert und übersichtlich nach

Tag Beschreibung Definiert den Kopfbereich des Dokuments.
Definiert den Endbereich des Dokumentkopfes Bereich Artikel > Wird verwendet, um Details eines Dokuments oder eines Abschnitts eines Dokuments zu beschreibenDas Tag enthält der Titel des DetailelementsDefinition Dialogfelder, z. B. Eingabeaufforderungsfelder

2. Erweitertes Formular

 HTML5 verfügt über mehrere neue Formulareingabetypen. Diese neuen Funktionen sorgen für eine bessere Eingabekontrolle und -validierung.

DateTime-Local E-Mail-Adresse Wählen Sie einen Monat aus Eingabefeld für numerische WerteEingabefeld für numerische Werte innerhalb eines bestimmten Bereichsfür Suchdomäne Eingabefeld für Telefonnummer definieren Wählen Sie eine Uhrzeit aus Eingabefeld für URL-Adresse Woche und Jahr auswählen

Eingabetyp

Beschreibung

Farbe

Wird hauptsächlich zur Auswahl einer Farbe verwendet

Datum

Wählen Sie ein Datum aus äh

datetime

Wählen Sie ein Datum (UTC-Zeit)

Wählen Sie ein Datum und eine Uhrzeit (Zeitplan)

Monat

Zahl

Bereich

Suche

tel

Zeit

URL

Woche

HTML5 fügt außerdem die folgenden Formularelemente hinzu:

Formularelement: Beschreibung: des -Element

Bietet eine zuverlässige Möglichkeit zur Authentifizierung des Benutzers wird für verschiedene Arten der Ausgabe

Das Tag gibt das für das Formulargeneratorfeld verwendete Schlüsselpaar an.

wie Berechnungen oder Skriptausgaben

verwendet

HTML5 neues Formularattribut

  • Placehoder-Attribut, eine kurze Eingabeaufforderung wird im Eingabefeld angezeigt, bevor der Benutzer den Wert eingibt. Das heißt, unsere übliche Standardaufforderung des Eingabefelds verschwindet, nachdem der Benutzer Eingaben gemacht hat.

  • erforderliches Attribut ist ein boolesches Attribut. Das auszufüllende Eingabefeld darf nicht leer sein.

  • Musterattribut, das einen regulären Ausdruck beschreibt, der zur Überprüfung des Werts des -Elements verwendet wird.

  • min- und max-Attribute legen den minimalen und maximalen Wert des Elements fest. Das Attribut

  • step gibt das zulässige Zahlenintervall für das Eingabefeld an.

  • height- und width-Attribute, die für die Bildhöhe und -breite des -Tags verwendet werden.

  • Autofokus-Attribut ist ein boolesches Attribut. Gibt an, dass das Feld automatisch den Fokus erhält, wenn die Seite geladen wird.

  • Multiple-Attribut ist ein boolesches Attribut. Gibt an, dass innerhalb des -Elements mehrere Werte ausgewählt werden können. ​​

HTML5-Multimedia

Mit HTML5 können Sie einfach Video und Audio auf Webseiten abspielen.

  • HTML5 bietet einen Standard zum Abspielen von Audiodateien und verwendet das Steuerattribut des

     Zwischen
 Das

Das obige ist der detaillierte Inhalt vonIst HTML5 die fünfte Revision?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
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

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ßer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles