Introduksjon til HTML5 Elements
Vi er stort sett klar over nettsteder. Et nettsted er ganske enkelt en samling av nettsider For å lage en hvilken som helst webside vi trenger. En HTML er elementet som er ansvarlig for å lage en hvilken som helst webside. HTML står for HyperText Markup Language. Det er grunnleggende markeringsspråk som brukes til å lage alle websider som videre omfatter å danne nettsteder. HTML har utviklet seg så mye fra det første stadiet da det ble dannet
HTML ble opprinnelig utviklet av W3C og WHATWG. Det ble opprinnelig utviklet i 1993. W3C sjekker hovedsakelig for standarder for HTML og andre ting. HTML har utviklet seg mye fra den første versjonen av 1.0 til versjonen av 5 HTML5 har mange nye HTML-koder.
HTML-tagger, der bruker og eksempler
Nedenfor er noen HTML-koder med deres bruk, og eksempler er som følger -
Nye elementer i HTML5
1) - Det er et nytt formelement i HTML5. Det hjelper med å implementere en funksjon med autofullføring der det vises en inndatafelt der brukeren kan sette inn tekst for å se elementer i listen
Eksempel:
Nå kopierer du kodebiten ovenfor og limer den inn i HTML-filen. Nå åpner du filen i nettleseren
- Denne taggen representerer utdataene fra enhver beregning som er beregnet på HTML-fil
Eksempel
0
100
+
=
Nå kopierer du kodebiten ovenfor og limer den inn i HTML-filen. Nå åpner du filen i bla
2) - Dette elementet brukes til å motta innspill fra brukeren. Teksten som er lagt inn av brukeren, er vanligvis tekstform
Eksempel
Favorite Football Player:
Favorite Football Team:
Nå kopierer du kodebiten ovenfor og limer den inn i HTML-filen. Nå åpner du filen i nettleseren
3) - Dette elementet brukes til å motta et passord fra brukeren.
Eksempel
User name
Password:
Nå kopierer du kodebiten ovenfor og limer den inn i HTML-filen. Nå åpner du filen i nettleseren
4) - Denne taggen gir en innsendingsknapp. Denne knappen brukes til å sende inn skjemaet
Eksempel - I eksemplet nedenfor oppdaterer du handlingsverdien med php-filstien
Favorite Football Player:
Favorite Football Team:
Nå kopierer du kodebiten ovenfor og limer den inn i HTML-filen. Nå åpner du filen i nettleseren
5) - Dette elementet hjelper til med å motta en inngang fra brukeren fra de tilgjengelige flere elementene. Bruker kan velge hvilket som helst av elementene som er tilgjengelige i 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
Nå kopierer du kodebiten ovenfor og limer den inn i HTML-filen. Nå åpner du filen i nettleseren
6) - Dette elementet hjelper til med å motta flere innganger fra brukeren fra de tilgjengelige flere elementene. Bruker kan velge hvilket som helst antall av elementene som er tilgjengelige i 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
Nå kopierer du kodebiten ovenfor og limer den inn i HTML-filen. Nå åpner du filen i nettleseren
7) HTML put type = ”number”> - Dette elementet hjelper med å numerisk verdi fra brukeren. Brukeren kan sette inn en eneste numerisk verdi i feltet
Eksempel
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Nå kopierer du kodebiten ovenfor og limer den inn i HTML-filen. Nå åpner du filen i nettleseren
8) - Dette elementet hjelper til med å validere om verdien som settes inn av brukeren er en gyldig e-post. Det viser feil ved innsending hvis e-postadressen 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
Nå kopierer du kodebiten ovenfor og limer den inn i HTML-filen. Nå åpner du filen i nettleseren
Bortsett fra dette har HTML5 mange nye elementer lagt til. Noen av dem er -
- område
- URL
- tlf
- lyd
- embed
Bortsett fra HTML-elementer. Det har også lagt til nye semantiske elementer. Noen av de viktige semantiske elementene er-
Konklusjon - HTML5 Elements
Det er mange tagger med HTML% som er under utvikling. Fra en innledende versjon av 1.0 til den nyeste versjonen av 5.2 har HTML utviklet seg mye. Disse kodene er med på å gi et bedre grensesnitt for brukeren, og gir flere valideringer på selve brukeren maskinen.
Anbefalte artikler
Dette har vært en guide til HTML5 Elements. Her diskuterer vi introduksjonen, HTML-taggene, bruken av dem og tilhørende eksempler. Du kan også gå gjennom andre foreslåtte artikler for å lære mer -
- Html5 vs Html4
- HTML vs HTML5
- HTML5 intervjuspørsmål og svar
- 10 beste forskjeller HTML vs HTML5 (Infographics)
- HTML-rammer
- Html5 Nye elementer
- HTML5 Tagger | Topp 4 tagger med HTML5 | eksempler
- Veiledning for HTML5 semantiske elementer