Pregled novih elementov HTML5
Od leta 1999, ko je HTML 4.01 postal standard, sta splet in uporaba spleta spremenila pomemben ukrep. W3C je odločil, da bo spremenil osnovno sintakso HTML iz standardnega splošnega označevalnega jezika (SGML) v XML in tudi povsem različne označevalne jezike, kot so skalabilna vektorska grafika (SVG), XForms in MathML. Trenutno so nekatere komponente HTML 4.01 zastarele, nikoli niso uporabljene ali se ne uporabljajo po pričakovanjih. Vsak del komponent v HTML5 je premaknjen ali ponovno sestavljen. HTML5 je vključil nove elemente za ponazoritev predstavitve, prikaz digitalne vsebine, izboljšano postavitev strani in splošno funkcionalnost ter nekaj novih vmesnikov za pravilno spopadanje z današnjimi internetnimi zahtevami.
V HTML5 je predstavljenih več novih elementov, ki ponujajo določene dodatne funkcije za razvoj zaželenega in interaktivnega spletnega mesta. S pomočjo takih komponent lahko hitro in učinkovito ustvarimo vašo kodo. Zaradi pomanjkanja strukture je veliko dobro oblikovanih dokumentov HTML težje obdelovati, kot morajo biti. Z vrednotenjem lestvic zaglavja moramo ugotoviti, kam se odseki ločijo. Element div identificira stranske vrstice, podnožja, glave, navigacijske menije in glavne dele vsebine.
Najboljših 10 novih elementov HTML5
HTML5 zagotavlja nove elemente za izboljšanje postavitve dokumenta.
1.
Element določa del strani, ki vključuje ločeno strukturo v dokumentu, razdelku ali spletnem mestu in ki ga je priporočljivo široko razširjati ali uporabiti. To je lahko skupinska objava dnevnika ali dnevnega poročila v prispevku, pošiljanje spletnega glasila, pripomba, ki jo je poslala stranka, ali kateri koli drug predmet brez snovi.
Primer:
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Izhod:
- Zgornjo kodo shranite v datoteko s pripono .html.
- Zaženite html datoteko v brskalniku in dobili bi izhod, kot je prikazano na spodnji sliki.
2
Element na veliko označuje posamezne vsebine kot kategorizacije, zemljevidi, slike, članki s kodo in še veliko več.
Primer:
Figure Element
EDUCBA je vodilni svetovni ponudnik izobraževanja na podlagi spretnosti, ki obravnava potrebe 500.000+ članov v 40+ državah.
Izhod:
Zgornja koda bo ustvarila rezultat, kot je prikazano na spodnji sliki,
3.
Element se uporablja za dodajanje opisa slike.
Primer:
Figure Caption Element
EDUCBA je vodilni svetovni ponudnik izobraževanja na podlagi spretnosti, ki obravnava potrebe 500.000+ članov v 40+ državah.
EDUCBA (Corporate Bridge Consultancy Pvt Ltd)
Izhod:
Zgornja koda prikazuje rezultat, kot je prikazano na spodnji sliki,
4.
Element se uporablja za določanje glave dokumenta ali odseka na strani. V enem dokumentu lahko določite več kot eno glavo.
Primer:
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Vsebina dokumenta je tu …
Izhod:
Zgornja koda prikazuje rezultat, kot je prikazano na spodnji sliki,
5.
Element se uporablja za določitev informacij, kot so podatki o avtorju, podatki o avtorskih pravicah, stiki, povezave do povezanih dokumentov, zemljevid mesta in še veliko več.
Primer:
Footer Element
Copyright © 2019 www.educba.com
Kontakt:
Izhod:
Zgornja koda prikazuje rezultat, kot je prikazano na spodnji sliki,
6.
Element se uporablja za prikaz glavnih, pomembnih informacij dokumenta.
Primer:
Main Element
Podatki o glavi
Glavne informacije
EDUCBA
EDUCBA je vodilni svetovni ponudnik izobraževanja na osnovi spretnosti …
Informacije o nogi
Izhod:
Zgornja koda bo ustvarila rezultat, kot je prikazano na spodnji sliki,
7.
Element se uporablja za označevanje ali označevanje besedila z barvo ozadja, ki uporabnika pritegne za določeno besedilo v dokumentu.
Primer:
Mark Element
EDUCBA je vodilni svetovni ponudnik izobraževanja na podlagi spretnosti, ki obravnava potrebe 500.000+ članov v 40+ državah.
Izhod:
Zgornja koda prikazuje rezultat, kot je prikazano na spodnji sliki,
8.
Element se uporablja za določanje navigacijskih povezav na strani. Te povezave zagotavljajo povezave do drugih strani v dokumentu.
Primer:
Nav Element
HTML |
CSS |
JAVA |
PHP |
PYTHON
Izhod:
Zgornja koda bo ustvarila rezultat, kot je prikazano na spodnji sliki,
9.
Element se uporablja za definiranje samostojnega odseka ali določenega območja v dokumentu.
Primer:
Section Element
Main Article
Section Element
Main Article
Section Element
Main Article
Tu bo prikazana vsebina glavne glave …
Oddelek prvi
Vsebina prvega razdelka bo prikazana …
Drugi oddelek
Vsebina drugega odseka bo prikazana …
Izhod:
Zgornja koda prikazuje rezultat, kot je prikazano na spodnji sliki,
10.
Oznaka je poddelec oznake, ki zagotavlja besedilo, ki ga je mogoče prikazati ali skriti, ko uporabnik klikne naslov.
Primer:
Summary Element
EDUCBA - Corporate Bridge Consultancy Pvt Ltd
Je vodilni svetovni ponudnik izobraževanja na podlagi spretnosti, ki obravnava potrebe 500.000+ članov v 40+ državah.
Izhod:
Ko zaženete zgornjo kodo, bo prikazal rezultat, kot je prikazano spodaj,
Kot je prikazano na sliki, kliknite naslov, prikaže se skrito besedilo, kot je prikazano na spodnji sliki,
Zaključek
Doslej smo videli, kako so novi elementi HTML5 uporabni za različne naloge pri izdelavi spletnega mesta. Ti novi elementi natančneje in bolj standardno preberejo dokument ter razvijejo bolj zapletene in učinkovite spletne aplikacije. Novi elementi HTML5 omogočajo dodatne dodatne funkcije za ustvarjanje interaktivnih spletnih mest.
Priporočeni članki
To je vodnik za nove elemente Html5. Tukaj razpravljamo o prvih 10 novih elementih Html5 za izboljšanje postavitve dokumenta. Če želite izvedeti več, si oglejte tudi naslednje članke -
- Popravek barve v odtenkih
- Top 6 različic html
- Html5 proti Html4
- XHTML proti HTML5
- Kaj je most?
- Oznake HTML5 | Najboljše 4 oznake HTML5