Introduktion till HTML5-element
Vi är mestadels medvetna om webbplatser. En webbplats är helt enkelt en samling webbsidor För att skapa en webbsida vi behöver. En HTML är det element som ansvarar för att skapa en webbsida. HTML står för HyperText Markup Language. Det är grundläggande markeringsspråk som används för att skapa alla webbsidor som vidare består av att bilda webbplatser. HTML har utvecklats så mycket från det första steget när det bildades
HTML utvecklades ursprungligen av W3C och WHATWG. Det utvecklades ursprungligen 1993. W3C kontrollerar huvudsakligen efter standarder för Html och andra saker. HTML har utvecklats mycket från den ursprungliga versionen av 1.0 till versionen av 5 HTML5 har massor av nya HTML-taggar.
HTML-taggar, där Användningar och exempel
Nedan följer några HTML-taggar med deras användning och exempel är följande -
Nya element i HTML5
1) - Det är ett nytt formelement i HTML5. Det hjälper till att implementera en funktion av autofyllt där en inmatningsruta visas där användaren kan infoga text för att se element i listan
Exempel:
Nu kopierar du kodavsnittet ovan och klistra in det i HTML-filen. Öppna nu filen i webbläsaren
- Den här taggen representerar utgången från alla beräkningar som beräknas i HTML-fil
Exempel
0
100
+
=
Nu kopierar du kodavsnittet ovan och klistra in det i HTML-filen. Öppna nu filen i bläddring
2) - Detta element används för att ta emot input från användaren. Texten som anges av användaren är i allmänhet textform
Exempel
Favorite Football Player:
Favorite Football Team:
Nu kopierar du kodavsnittet ovan och klistra in det i HTML-filen. Öppna nu filen i webbläsaren
3) - Detta element används för att ta emot ett lösenord från användaren.
Exempel
User name
Password:
Nu kopierar du kodavsnittet ovan och klistra in det i HTML-filen. Öppna nu filen i webbläsaren
4) - Den här taggen ger en skicka-knapp. Den här knappen används för att skicka formuläret
Exempel - I exemplet nedan uppdaterar du åtgärdsvärdet med sökvägen för php-fil
Favorite Football Player:
Favorite Football Team:
Nu kopierar du kodavsnittet ovan och klistra in det i HTML-filen. Öppna nu filen i webbläsaren
5) - Detta element hjälper till att ta emot en ingång från användaren från de tillgängliga flera objekten. Användaren kan välja valfritt objekt som finns tillgängligt i listan
Exempel
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 kopierar du kodavsnittet ovan och klistra in det i HTML-filen. Öppna nu filen i webbläsaren
6) - Detta element hjälper till att ta emot flera ingångar från användaren från de tillgängliga flera objekten. Användaren kan välja vilket nummer som helst i listan
Exempel
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 kopierar du kodavsnittet ovan och klistra in det i html-filen. Öppna nu filen i webbläsaren
7) HTML put-typ = ”nummer”> - Detta element hjälper till att numeriskt värde från användaren. Användaren kan infoga ett enda numeriskt värde i fältet
Exempel
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Nu kopierar du kodavsnittet ovan och klistra in det i HTML-filen. Öppna nu filen i webbläsaren
8) - Detta element hjälper till att validera om det värde som användaren sätter in är ett giltigt e-postmeddelande. Det visar fel vid skicka om e-postmeddelandet inte är giltigt
Exempel
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 kopierar du kodavsnittet ovan och klistra in det i html-filen. Öppna nu filen i webbläsaren
Bortsett från detta har HTML5 massor av nya element läggs till. Några av dem är -
- räckvidd
- URL
- tel
- audio
- bädda in
Förutom HTML-element. Det har också lagt till nya semantiska element. Några av de viktiga semantiska elementen är-
Slutsats - HTML5-element
Det finns många taggar med HTML% som håller på att utvecklas. Från en initial version av 1.0 till den senaste versionen av 5.2 har HTML utvecklats mycket. Dessa taggar hjälper till att ge ett bättre gränssnitt för användaren samt ger flera valideringar på själva användarmaskinen.
Rekommenderade artiklar
Detta har varit en guide till HTML5-element. Här diskuterar vi introduktionen, HTML-taggar, dess användning och motsvarande exempel. Du kan också gå igenom våra andra föreslagna artiklar för att lära dig mer -
- Html5 vs Html4
- HTML vs HTML5
- HTML5 intervjufrågor och svar
- 10 bästa skillnaderna HTML vs HTML5 (Infographics)
- HTML-ramar
- Html5 Nya element
- HTML5 Taggar | Topp 4-taggar med HTML5 | exempel
- Guide till semantiska element i HTML5