Einführung in HTML5 Elements

Wir kennen vor allem Websites. Eine Website ist einfach eine Sammlung von Webseiten. Zum Erstellen von Webseiten, die wir benötigen. Ein HTML ist das Element, das für die Erstellung einer Webseite verantwortlich ist. HTML steht für HyperText Markup Language. Es ist eine grundlegende Auszeichnungssprache, die verwendet wird, um Webseiten zu erstellen, die ferner das Bilden von Websites umfassen. HTML hat sich von Anfang an so stark weiterentwickelt

HTML wurde ursprünglich von W3C und WHATWG entwickelt. Es wurde ursprünglich 1993 entwickelt. W3C prüft hauptsächlich auf Standards für HTML und andere Dinge. HTML hat sich von der ursprünglichen Version 1.0 zu der Version 5 stark weiterentwickelt. HTML5 enthält viele neue HTML-Tags.

HTML-Tags gibt es Verwendungen und Beispiele

Nachfolgend sind einige HTML-Tags mit ihren Verwendungszwecken aufgeführt, und es folgen Beispiele:

Neue Elemente in HTML5

1) - Es ist ein neues Formularelement in HTML5. Es ist hilfreich, eine Funktion zur automatischen Vervollständigung zu implementieren, bei der ein Eingabefeld angezeigt wird, in das der Benutzer Text einfügen kann, um Elemente in der Liste anzuzeigen

Beispiel:










Kopieren Sie nun den obigen Codeausschnitt und fügen Sie ihn in die HTML-Datei ein. Öffnen Sie nun die Datei im Browser

- Dieses Tag repräsentiert die Ausgabe einer Berechnung, die in einer HTML-Datei berechnet wird

Beispiel



0
100
+
=

Kopieren Sie nun den obigen Codeausschnitt und fügen Sie ihn in die HTML-Datei ein. Öffnen Sie nun die Datei in Durchsuchen

2) - Dieses Element wird verwendet, um Eingaben vom Benutzer zu erhalten. Der vom Benutzer eingegebene Text ist im Allgemeinen eine Textform

Beispiel




Favorite Football Player:

Favorite Football Team:


Kopieren Sie nun den obigen Codeausschnitt und fügen Sie ihn in die HTML-Datei ein. Öffnen Sie nun die Datei im Browser

3) - Mit diesem Element erhält der Benutzer ein Passwort.

Beispiel



User name

Password:


Kopieren Sie nun den obigen Codeausschnitt und fügen Sie ihn in die HTML-Datei ein. Öffnen Sie nun die Datei im Browser

4) - Dieses Tag rendert eine Senden-Schaltfläche. Über diese Schaltfläche wird das Formular gesendet

Beispiel - Im folgenden Beispiel wird der Aktionswert mit dem Pfad der PHP-Datei aktualisiert




Favorite Football Player:

Favorite Football Team:


Kopieren Sie nun den obigen Codeausschnitt und fügen Sie ihn in die HTML-Datei ein. Öffnen Sie nun die Datei im Browser

5) - Dieses Element hilft, eine Eingabe vom Benutzer aus den verfügbaren mehreren Elementen zu erhalten. Der Benutzer kann jedes der in der Liste verfügbaren Elemente auswählen

Beispiel



Radio Buttons for faavorite cusine
Asian
Thai
Japanese



Radio Buttons for faavorite cusine
Asian
Thai
Japanese




Radio Buttons for faavorite cusine
Asian
Thai
Japanese


Kopieren Sie nun den obigen Codeausschnitt und fügen Sie ihn in die HTML-Datei ein. Öffnen Sie nun die Datei im Browser

6) - Dieses Element hilft, mehrere Eingaben vom Benutzer aus den verfügbaren mehreren Elementen zu erhalten. Der Benutzer kann eine beliebige Anzahl der in der Liste verfügbaren Elemente auswählen

Beispiel



Checkbox for faavorite cusine
Asian
Thai
Japanese



Checkbox for faavorite cusine
Asian
Thai
Japanese




Checkbox for faavorite cusine
Asian
Thai
Japanese


Kopieren Sie nun den obigen Codeausschnitt und fügen Sie ihn in die HTML-Datei ein. Öffnen Sie nun die Datei im Browser

7) HTML put type = ”number”> - Dieses Element hilft, den Wert des Benutzers zu numerieren. Der Benutzer kann nur einen numerischen Wert in das Feld eingeben

Beispiel



Number fields example
Enter number



Number fields example
Enter number




Number fields example
Enter number


Kopieren Sie nun den obigen Codeausschnitt und fügen Sie ihn in die HTML-Datei ein. Öffnen Sie nun die Datei im Browser

8) - Mit diesem Element können Sie überprüfen, ob der vom Benutzer eingegebene Wert eine gültige E-Mail-Adresse ist. Es wird ein Fehler beim Senden angezeigt, wenn die E-Mail nicht gültig ist

Beispiel



Number fields example
Enter valid email id



Number fields example
Enter valid email id




Number fields example
Enter valid email id


Kopieren Sie nun den obigen Codeausschnitt und fügen Sie ihn in die HTML-Datei ein. Öffnen Sie nun die Datei im Browser

Abgesehen davon hat HTML5 viele neue Elemente hinzugefügt. Einige von ihnen sind -

  • Angebot
  • URL
  • tel
  • Audio-
  • einbetten

Abgesehen von HTML-Elementen. Es wurden auch neue semantische Elemente hinzugefügt. Einige der wichtigen semantischen Elemente sind

    Fazit - HTML5-Elemente

    Es gibt viele HTML% -Tags, die entwickelt werden. HTML hat sich von der ersten Version 1.0 bis zur neuesten Version 5.2 stark weiterentwickelt. Diese Tags bieten dem Benutzer eine bessere Benutzeroberfläche sowie mehrere Validierungen auf dem Benutzercomputer.

    Empfohlene Artikel

    Dies war eine Anleitung zu HTML5 Elements. Hier diskutieren wir die Einführung, HTML-Tags, ihre Verwendung und die entsprechenden Beispiele. Sie können auch unsere anderen Artikelvorschläge durchgehen, um mehr zu erfahren -

    1. HTML5 vs HTML4
    2. HTML gegen HTML5
    3. HTML5 Interview Fragen und Antworten
    4. 10 besten Unterschiede HTML vs HTML5 (Infografiken)
    5. HTML-Frames
    6. HTML5 Neue Elemente
    7. HTML5-Tags | Top 4 Tags von HTML5 | Beispiele
    8. Leitfaden zu semantischen HTML5-Elementen

    Kategorie:

    Web-Entwicklungstools