Introduktion til HTML5-elementer
Vi er mest opmærksomme på websteder. Et websted er simpelthen en samling af websider Til oprettelse af enhver webside, vi har brug for. En HTML er det element, der er ansvarlig for at fremstille enhver webside. HTML står for HyperText Markup Language. Det er grundlæggende markeringssprog, der bruges til at fremstille alle websider, som yderligere omfatter at danne websteder. HTML har udviklet sig så meget fra det indledende trin, da det blev dannet
HTML blev oprindeligt udviklet af W3C og WHATWG. Det blev oprindeligt udviklet i 1993. W3C kontrollerer hovedsageligt for standarder for Html og andre ting. HTML har udviklet sig meget fra den oprindelige version af 1.0 til versionen af 5 HTML5 har masser af nye HTML-tags.
HTML-tags, der anvendelser og eksempler
Nedenfor er nogle HTML-tags med deres anvendelser, og eksempler er som følger -
Nye elementer i HTML5
1) - Det er et nyt formelement i HTML5. Det hjælper med at implementere en funktion af autofuldførelse, hvor der vises en inputboks, hvor brugeren kan indsætte tekst for at se elementer på listen
Eksempel:
Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browseren
- Dette tag repræsenterer output fra enhver beregning, der beregnes på HTML-fil
Eksempel
0
100
+
=
Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browsing
2) - Dette element bruges til at modtage input fra brugeren. Teksten, der indtastes af brugeren, er generelt tekstform
Eksempel
Favorite Football Player:
Favorite Football Team:
Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browseren
3) - Dette element bruges til at modtage et kodeord fra brugeren.
Eksempel
User name
Password:
Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browseren
4) - Dette tag gengiver en indsendelsesknap. Denne knap bruges til at indsende formularen
Eksempel - I nedenstående eksempel opdateres handlingsværdi med php-filstien
Favorite Football Player:
Favorite Football Team:
Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browseren
5) - Dette element hjælper med at modtage et input fra brugeren fra de tilgængelige flere elementer. Brugeren kan vælge et af de tilgængelige elementer på listen
Eksempel
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
Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browseren
6) - Dette element hjælper med at modtage flere input fra brugeren fra de tilgængelige flere elementer. Brugeren kan vælge et vilkårligt antal af de tilgængelige elementer på listen
Eksempel
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
Nu kopierer du ovenstående kodenavn og indsætter det i html-fil. Åbn nu filen i browseren
7) HTML put type = ”number”> - Dette element hjælper med at numerisk værdi fra brugeren. Brugeren kan indsætte en eneste numerisk værdi i feltet
Eksempel
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Nu kopierer du ovenstående kodenavn og indsætter det i HTML-filen. Åbn nu filen i browseren
8) - Dette element hjælper med at validere, om værdien, der indsættes af brugeren, er en gyldig e-mail. Det viser fejl ved indsendelse, hvis e-mailen ikke er gyldig
Eksempel
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
Nu kopierer du ovenstående kodenavn og indsætter det i html-fil. Åbn nu filen i browseren
Bortset fra dette har HTML5 masser af nye elementer tilføjet til det. Nogle af dem er -
- rækkevidde
- URL
- tel
- lyd
- indlejre
Bortset fra HTML-elementer. Det har også tilføjet nye semantiske elementer. Nogle af de vigtige semantiske elementer er-
Konklusion - HTML5-elementer
Der er masser af tags med HTML%, der er ved at blive udviklet. Fra en initial version af 1.0 til den nyeste version af 5.2 har HTML udviklet sig meget. Disse tags hjælper med at give en bedre grænseflade til brugeren og giver flere valideringer på selve brugermaskinen.
Anbefalede artikler
Dette har været en guide til HTML5 Elements. Her diskuterer vi introduktionen, HTML-tags, dens anvendelser og deres tilsvarende eksempler. Du kan også gennemgå vores andre foreslåede artikler for at lære mere -
- Html5 vs Html4
- HTML vs HTML5
- HTML5 Interview Spørgsmål og svar
- 10 bedste forskelle HTML vs HTML5 (Infographics)
- HTML-rammer
- Html5 Nye elementer
- HTML5-tags | Top 4 tags af HTML5 | eksempler
- Vejledning til HTML5 semantiske elementer