Inleiding tot HTML5-elementen
We zijn ons meestal bewust van websites. Een website is gewoon een verzameling webpagina's Voor het maken van elke gewenste webpagina. Een HTML is het element dat verantwoordelijk is voor het maken van een webpagina. HTML staat voor HyperText Markup Language. Het is een basis opmaaktaal die wordt gebruikt om webpagina's te maken die verder bestaan uit het vormen van websites. HTML is zo geëvolueerd vanaf het eerste stadium toen het werd gevormd
HTML werd in eerste instantie ontwikkeld door W3C en WHATWG. Het werd in eerste instantie ontwikkeld in 1993. W3C controleert voornamelijk op normen voor HTML en andere zaken. HTML is veel geëvolueerd van de eerste versie van 1.0 naar de versie van 5 HTML5 heeft veel nieuwe HTML-tags.
HTML-tags, hun gebruik en voorbeelden
Hieronder staan enkele tags van HTML met hun gebruik en voorbeelden zijn als volgt -
Nieuwe elementen in HTML5
1) - Het is een nieuw formulierelement in HTML5. Het helpt om een functie van automatisch aanvullen te implementeren waarbij een invoervak verschijnt waar de gebruiker tekst kan invoegen om elementen in de lijst te zien
Voorbeeld:
Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in de browser
- Deze tag vertegenwoordigt de uitvoer van elke berekening die wordt berekend op HTML-bestand
Voorbeeld
0
100
+
=
Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in bladeren
2) - Dit element wordt gebruikt om invoer van de gebruiker te ontvangen. De door de gebruiker ingevoerde tekst is meestal een tekstvorm
Voorbeeld
Favorite Football Player:
Favorite Football Team:
Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in de browser
3) - Dit element wordt gebruikt om een wachtwoord van de gebruiker te ontvangen.
Voorbeeld
User name
Password:
Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in de browser
4) - Deze tag geeft een verzendknop weer. Deze knop wordt gebruikt om het formulier in te dienen
Voorbeeld - Werk in het onderstaande voorbeeld de actiewaarde bij met het php-bestandspad
Favorite Football Player:
Favorite Football Team:
Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in de browser
5) - Dit element helpt om één invoer van de gebruiker te ontvangen uit de beschikbare meerdere items. Gebruiker kan elk van de beschikbare items in de lijst selecteren
Voorbeeld
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
Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in de browser
6) - Dit element helpt om meerdere invoer van de gebruiker te ontvangen van de beschikbare meerdere items. De gebruiker kan een willekeurig aantal items in de lijst selecteren
Voorbeeld
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
Kopieer nu het bovenstaande codefragment en plak het in het html-bestand. Open nu het bestand in de browser
7) HTML put type = "number"> - Dit element helpt bij het numerieke waarde van de gebruiker. Gebruiker kan een enige numerieke waarde in het veld invoegen
Voorbeeld
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Kopieer nu het bovenstaande codefragment en plak het in het HTML-bestand. Open nu het bestand in de browser
8) - Dit element helpt te valideren of de door de gebruiker ingevoerde waarde een geldige e-mail is. Er wordt een fout weergegeven bij het verzenden als de e-mail niet geldig is
Voorbeeld
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
Kopieer nu het bovenstaande codefragment en plak het in het html-bestand. Open nu het bestand in de browser
Afgezien hiervan heeft HTML5 veel nieuwe elementen toegevoegd. Sommige ervan zijn -
- reeks
- URL
- tel
- audio
- integreren
Afgezien van HTML-elementen. Het heeft ook nieuwe semantische elementen toegevoegd. Enkele belangrijke semantische elementen zijn-
Conclusie - HTML5-elementen
Er zijn veel tags van HTML% die worden ontwikkeld. Van een eerste versie van 1.0 tot de nieuwste versie van 5.2, HTML heeft veel ontwikkeld. Deze tags helpen de gebruiker een betere interface te bieden en bieden verschillende validaties op de gebruikersmachine zelf.
Aanbevolen artikelen
Dit is een gids voor HTML5-elementen geweest. Hier bespreken we de inleiding, HTML-tags, het gebruik ervan en hun bijbehorende voorbeelden. U kunt ook onze andere voorgestelde artikelen doornemen voor meer informatie -
- Html5 versus Html4
- HTML versus HTML5
- Vragen en antwoorden over HTML5-sollicitatiegesprekken
- 10 beste verschillen HTML versus HTML5 (infographics)
- HTML-frames
- Html5 Nieuwe elementen
- HTML5-tags | Top 4 tags van HTML5 | Voorbeelden
- Gids voor HTML5 semantische elementen