Sissejuhatus HTML5 elementidesse
Oleme veebisaitidest enamasti teadlikud. Veebisait on lihtsalt veebilehtede kogum ükskõik millise vajaliku veebilehe loomiseks. HTML on element, mis vastutab mis tahes veebilehe loomise eest. HTML tähistab hüperteksti märgistuskeelt. Veebilehtede tegemiseks kasutatakse põhilist märgistuskeelt, mis hõlmab lisaks veebisaitide moodustamist. HTML on algusetapil, mil see tekkis, nii palju edasi arenenud
Algselt töötasid HTML välja W3C ja WHATWG. Algselt töötati see välja 1993. W3C kontrollib peamiselt HTML-i ja muu kraami norme. HTML on algversioonist 1.0 kuni versioonini 5 palju edasi arenenud. HTML5-l on palju uusi HTML-silte.
HTML-sildid, seal Kasutused ja Näited
Allpool on toodud mõned HTML-i sildid nende kasutamisega ja näited on järgmised -
Uued elemendid HTML5-s
1) - see on HTML5 uus vormielement. See aitab rakendada automaatse täitmise funktsiooni, kus ilmub sisestuskasti, kuhu kasutaja saab teksti lisada, et näha loendis elemente
Näide:
Nüüd kopeerige ülaltoodud koodilõik ja kleepige see HTML-faili. Nüüd avage fail brauseris
- see silt tähistab kõigi HTML-failis arvutatud arvutuste väljundit
Näide
0
100
+
=
Nüüd kopeerige ülaltoodud koodilõik ja kleepige see HTML-faili. Nüüd avage fail sirvimisel
2) - seda elementi kasutatakse kasutajalt sisendi vastuvõtmiseks. Kasutaja sisestatud tekst on üldiselt tekstivorm
Näide
Favorite Football Player:
Favorite Football Team:
Nüüd kopeerige ülaltoodud koodilõik ja kleepige see HTML-faili. Nüüd avage fail brauseris
3) - seda elementi kasutatakse parooli vastuvõtmiseks kasutajalt.
Näide
User name
Password:
Nüüd kopeerige ülaltoodud koodilõik ja kleepige see HTML-faili. Nüüd avage fail brauseris
4) - see silt renderdab nuppu. Seda nuppu kasutatakse vormi esitamiseks
Näide - värskendage allpool toodud näites toimingu väärtust php-faili teega
Favorite Football Player:
Favorite Football Team:
Nüüd kopeerige ülaltoodud koodilõik ja kleepige see HTML-faili. Nüüd avage fail brauseris
5) - see element aitab saada kasutajalt ühe sisendi saadaolevatest mitmest üksusest. Kasutaja saab valida ükskõik millise loendis saadaoleva üksuse
Näide
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üüd kopeerige ülaltoodud koodilõik ja kleepige see HTML-faili. Nüüd avage fail brauseris
6) - see element aitab saada kasutajalt mitu sisendit saadaolevatelt üksustelt. Kasutaja saab valida suvalise arvu loendis saadaolevaid üksusi
Näide
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üüd kopeerige ülaltoodud koodilõik ja kleepige see HTML-faili. Nüüd avage fail brauseris
7) HTML pane type = ”number”> - see element aitab kasutajal arvulist väärtust arvutada. Kasutaja saab väljale sisestada ainult numbrilise väärtuse
Näide
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Nüüd kopeerige ülaltoodud koodilõik ja kleepige see HTML-faili. Nüüd avage fail brauseris
8) - see element aitab kontrollida, kas kasutaja sisestatud väärtus on kehtiv e-post. Kui e-post pole õige, näitab see saatmisel viga
Näide
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üüd kopeerige ülaltoodud koodilõik ja kleepige see HTML-faili. Nüüd avage fail brauseris
Peale selle on HTML5-le lisatud palju uusi elemente. Mõned neist on -
- vahemik
- URL
- tel
- heli
- manustama
Peale HTML-i elementide. Samuti on lisatud uusi semantilisi elemente. Mõned olulised semantilised elemendid on-
Järeldus - HTML5 elemendid
HTML% silte on palju, mida arendatakse. Algsest versioonist 1.0 kuni viimase versioonini 5.2 on HTML palju edasi arenenud. Need sildid aitavad pakkuda kasutajale paremat liidest, samuti pakub kasutaja masinas endas mitmeid kinnitusi.
Soovitatavad artiklid
See on HTML5 elementide juhend. Siin käsitleme sissejuhatust, HTML-silte, selle kasutusvõimalusi ja nende vastavaid näiteid. Lisateavet leiate ka meie muudest soovitatud artiklitest -
- Html5 vs Html4
- HTML vs HTML5
- HTML5 intervjuu küsimused ja vastused
- 10 parimat erinevust HTML vs HTML5 (infograafika)
- HTML-raamid
- Html5 uued elemendid
- HTML5 sildid | HTML5 | 4 parimat silti Näited
- HTML5 semantiliste elementide juhend