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

Ist HTML5 die fünfte Revision?

青灯夜游
青灯夜游Original
2022-01-18 10:34:171436Durchsuche

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 23bfccf8e44978cba95106989e8290e9ab946e7546ab66a280dd9c9f9310ecd5 Definiert den Kopfbereich des Dokuments. c37f8231a37e88427e62669260f0074d84122da5b51c58ef54d7045814144010 Definiert den Endbereich des Dokumentkopfes Bereich c787b9a589a3ece771e842a6176cf8e9e9bf987791e7bd807d7dac6088381bf1 Wird verwendet, um Details eines Dokuments oder eines Abschnitts eines Dokuments zu beschreiben631fb227578dfffda61e1fa4d04b7d25039f3e95db2a684c7b74365531eb6044Das Tag enthält der Titel des Detailelementsa38fd2622755924ad24c0fc5f0b4d412e949bf554aab987df819ed6441bc3609Definition 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 fc86e7b705049fc9d4fccc89a2e80ee3-Element

aa983b9eb8086376f1f6481364a02e5a 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.

be6d67dae90cc1ad6469079e163d0939

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 d5fd7aea971a85678ba271703566ebfd-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 d5fd7aea971a85678ba271703566ebfd-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 d5fd7aea971a85678ba271703566ebfd-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 b97864c2e0ef2353a16c4d64c7734e92-Elements, um Wiedergabe-, Pausen- und Lautstärkeregler hinzuzufügen.

     Zwischen b97864c2e0ef2353a16c4d64c7734e92 müssen Sie den Eingabeaufforderungstext des b97864c2e0ef2353a16c4d64c7734e92 einfügen.
 Das b97864c2e0ef2353a16c4d64c7734e92-Element ermöglicht die Verwendung mehrerer e02da388656c3265154666b7c71a8ddc-Elemente, und der Browser verwendet die erste unterstützte Audiodatei. Das Element unterstützt drei Audioformatdateien: MP3, WAV und Ogg.

HTML5 gibt eine Standardmethode zum Einbinden von Videos über das Videoelement an.

    <audio controls>
      <source src="horse.ogg" type="audio/ogg">
      <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
    </audio>
  • control bietet Wiedergabe-, Pause- und Lautstärkeregler zur Steuerung des Videos. Sie können auch DOM-Operationen verwenden, um die Wiedergabe und Pause des Videos zu steuern, beispielsweise die Methoden play() und pause().

    Gleichzeitig stellt das Videoelement auch Breiten- und Höhenattribute bereit, um die Größe des Videos zu steuern. Wenn Höhe und Breite festgelegt sind, wird beim Laden der Seite der erforderliche Videoplatz reserviert. Wenn diese Eigenschaften nicht festgelegt sind und der Browser die Größe des Videos nicht kennt, kann der Browser beim Laden keinen bestimmten Platz reservieren und die Seite ändert sich basierend auf der Größe des Originalvideos. Der zwischen den Tags

    und eingefügte Inhalt wird für die Anzeige in Browsern bereitgestellt, die das Videoelement nicht unterstützen.
Das Videoelement unterstützt mehrere Quellelemente. Elemente können verschiedene Videodateien verknüpfen. Der Browser verwendet das erste erkannte Format (MP4, WebM und Ogg)

Verwandte Empfehlungen: „

HTML-Video-Tutorial

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!

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
Vorheriger Artikel:Was bedeutet API in HTML5?Nächster Artikel:Was bedeutet API in HTML5?