Introducere în elementele HTML5
Suntem conștienți mai ales de site-urile web. Un site web este pur și simplu o colecție de pagini web Pentru a crea orice pagină web de care avem nevoie. Un HTML este elementul responsabil pentru realizarea oricărei pagini web. HTML înseamnă HyperText Markup Language. Este un limbaj de marcare de bază care este utilizat pentru a face pagini web care mai includ pentru a forma site-uri web. HTML a evoluat atât de mult de la etapa inițială când a fost format
HTML a fost inițial dezvoltat de W3C și WHATWG. Acesta a fost inițial dezvoltat în 1993. W3C verifică în principal standardele de Html și alte chestii. HTML a evoluat foarte mult de la versiunea inițială de la 1.0 la versiunea de 5 HTML5 are o mulțime de noi etichete HTML.
Etichete HTML, acolo Utilizări și exemple
Mai jos găsiți câteva etichete HTML cu utilizările lor și exemple sunt următoarele -
Elemente noi în HTML5
1) - Este un nou element de formă în HTML5. Vă ajută să implementați o caracteristică de completare automată unde apare o casetă de intrare în care utilizatorul poate introduce text pentru a vedea elemente din listă
Exemplu:
Acum, copiați fragmentul de cod de mai sus și lipiți-l în fișierul HTML. Acum, deschideți fișierul în browser
- Această etichetă reprezintă ieșirea oricărui calcul care este calculat pe fișier HTML
Exemplu
0
100
+
=
Acum, copiați fragmentul de cod de mai sus și lipiți-l în fișierul HTML. Acum, deschideți fișierul în brows
2) - Acest element este utilizat pentru a primi intrare de la utilizator. Textul introdus de utilizator este, în general, sub formă de text
Exemplu
Favorite Football Player:
Favorite Football Team:
Acum, copiați fragmentul de cod de mai sus și lipiți-l în fișierul HTML. Acum, deschideți fișierul în browser
3) - Acest element este utilizat pentru a primi o parolă de la utilizator.
Exemplu
User name
Password:
Acum, copiați fragmentul de cod de mai sus și lipiți-l în fișierul HTML. Acum, deschideți fișierul în browser
4) - Această etichetă redă un buton de trimitere. Acest buton este utilizat pentru a trimite formularul
Exemplu - În exemplul de mai jos, actualizați valoarea acțiunii cu calea fișierului php
Favorite Football Player:
Favorite Football Team:
Acum, copiați fragmentul de cod de mai sus și lipiți-l în fișierul HTML. Acum, deschideți fișierul în browser
5) - Acest element ajută la primirea unei intrări de la utilizator de la elementele multiple disponibile. Utilizatorul poate selecta oricare dintre elementele disponibile în listă
Exemplu
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Acum, copiați fragmentul de cod de mai sus și lipiți-l în fișierul HTML. Acum, deschideți fișierul în browser
6) - Acest element ajută la primirea mai multor intrări de la utilizator de la elementele multiple disponibile. Utilizatorul poate selecta orice număr de elemente disponibile în listă
Exemplu
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Acum, copiați fragmentul de cod de mai sus și lipiți-l într-un fișier html. Acum, deschideți fișierul în browser
7) HTML put type = "number"> - Acest element ajută la valorificarea numerică a utilizatorului. Utilizatorul poate introduce o singură valoare numerică în câmp
Exemplu
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Acum, copiați fragmentul de cod de mai sus și lipiți-l în fișierul HTML. Acum, deschideți fișierul în browser
8) - Acest element ajută la validarea dacă valoarea introdusă de utilizator este un e-mail valid. Afișează eroare la trimitere dacă e-mailul nu este valid
Exemplu
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Acum, copiați fragmentul de cod de mai sus și lipiți-l într-un fișier html. Acum, deschideți fișierul în browser
În afară de aceasta, HTML5 are o mulțime de elemente noi. Unii dintre ei sunt -
- gamă
- URL-
- tel
- audio
- încorporare
În afară de elementele HTML. De asemenea, a adăugat noi elemente semantice. Unele dintre elementele semantice importante sunt-
Concluzie - Elemente HTML5
Există o mulțime de etichete HTML% care este în curs de dezvoltare. De la o versiune inițială de 1.0 la cea mai recentă versiune de 5.2, HTML s-a dezvoltat foarte mult. Aceste etichete ajută la furnizarea unei interfețe mai bune pentru utilizator, precum și oferă mai multe validări pe mașina utilizator.
Articole recomandate
Acesta a fost un ghid pentru elementele HTML5. Aici discutăm introducerea, etichetele HTML, utilizările acesteia și exemplele corespunzătoare ale acestora. Puteți parcurge și alte articole sugerate pentru a afla mai multe -
- Html5 vs Html4
- HTML vs HTML5
- Întrebări și răspunsuri la interviu HTML5
- 10 cele mai bune diferențe HTML față de HTML5 (infografie)
- Rame HTML
- Html5 Elemente noi
- Etichete HTML5 | Cele mai bune 4 etichete HTML5 | Exemple
- Ghid pentru elementele semantice HTML5