Johdanto HTML5-elementteihin
Olemme enimmäkseen tietoisia verkkosivustoista. Verkkosivusto on yksinkertaisesti kokoelma verkkosivuja minkä tahansa tarvittavan verkkosivun luomiseen. HTML on elementti, joka vastaa minkä tahansa verkkosivun luomisesta. HTML on HyperText Markup Language. Se on perusmerkintökieli, jota käytetään verkkosivujen luomiseen, jotka lisäksi muodostuvat verkkosivustojen muodostamiseen. HTML on kehittynyt niin paljon alkuperäisestä vaiheesta, jolloin se muodostettiin
HTML kehitettiin alun perin W3C: n ja WHATWG: n toimesta. Se kehitettiin alun perin vuonna 1993. W3C tarkistaa lähinnä html- ja muiden asioiden standardit. HTML on kehittynyt paljon alkuperäisestä versiosta 1.0 versioon 5: een. HTML5 sisältää paljon uusia HTML-tunnisteita.
HTML-tunnisteet, siellä käyttö ja esimerkit
Alla on joitain HTML-tunnisteita niiden käytöllä ja esimerkit ovat seuraavat -
Uudet elementit HTML5: ssä
1) - Se on uusi muotoelementti HTML5: ssä. Se auttaa toteuttamaan automaattisen täydennyksen ominaisuuden, jossa syöttöruutu tulee näkyviin ja käyttäjä voi lisätä tekstiä nähdäksesi luettelon elementit
Esimerkki:
Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa
- Tämä tunniste edustaa kaikkien HTML-tiedostoon laskettujen laskelmien tuloksia
esimerkki
0
100
+
=
Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaamalla
2) - Tätä elementtiä käytetään tietojen vastaanottamiseen käyttäjältä. Käyttäjän kirjoittama teksti on yleensä tekstimuoto
esimerkki
Favorite Football Player:
Favorite Football Team:
Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa
3) - Tätä elementtiä käytetään salasanan vastaanottamiseen käyttäjältä.
esimerkki
User name
Password:
Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa
4) - Tämä tagi antaa lähetä-painikkeen. Tätä painiketta käytetään lomakkeen lähettämiseen
Esimerkki - päivitä alla olevassa esimerkissä toiminta-arvo php-tiedostopolulla
Favorite Football Player:
Favorite Football Team:
Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa
5) - Tämä elementti auttaa vastaanottamaan yhden syötteen käyttäjältä käytettävissä olevista useista kohteista. Käyttäjä voi valita minkä tahansa luettelossa olevan kohteen
esimerkki
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
Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa
6) - Tämä elementti auttaa vastaanottamaan useita tuloja käyttäjältä käytettävissä olevista useista kohteista. Käyttäjä voi valita minkä tahansa määrän luettelossa olevia kohteita
esimerkki
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
Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa
7) HTML put type = ”number”> - Tämä elementti auttaa käyttäjän numeerista arvoa. Käyttäjä voi lisätä pelkän numeerisen arvon kenttään
esimerkki
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa
8) - Tämä elementti auttaa tarkistamaan, onko käyttäjän lisäämä arvo kelvollinen sähköpostiosoite. Se näyttää virhe lähettämisessä, jos sähköposti ei ole kelvollinen
esimerkki
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
Kopioi nyt yllä oleva koodinpätkä ja liitä se HTML-tiedostoon. Avaa nyt tiedosto selaimessa
Tämän lisäksi HTML5: ään on lisätty paljon uusia elementtejä. Jotkut niistä ovat -
- alue
- URL-
- puh
- audio-
- upottaa
Lukuun ottamatta HTML-elementtejä. Se on myös lisännyt uusia semanttisia elementtejä. Jotkut tärkeät semanttiset elementit ovat-
Johtopäätös - HTML5-elementit
HTML% -tunnisteita on paljon, joita kehitetään. Alkuperäisestä versiosta 1.0 viimeisimpään versioon 5.2 HTML on kehittynyt paljon. Nämä tunnisteet auttavat tarjoamaan käyttäjälle paremman käyttöliittymän, samoin kuin useat validoinnit itse käyttäjän koneessa.
Suositellut artikkelit
Tämä on opas HTML5-elementteihin. Tässä keskustellaan johdannosta, HTML-tunnisteista, sen käytöstä ja vastaavista esimerkeistä. Voit myös käydä läpi muiden ehdotettujen artikkeleidemme saadaksesi lisätietoja -
- Html5 vs. Html4
- HTML vs. HTML5
- HTML5-haastattelua koskevat kysymykset ja vastaukset
- 10 parasta eroa HTML vs HTML5 (infografia)
- HTML-kehykset
- Html5 uudet elementit
- HTML5-tunnisteet | HTML5 | 4 suosituinta tunnistetta esimerkit
- Opas HTML5-semanttisiin elementteihin