Ülevaade HTML5 uutest elementidest
Alates 1999. aastast, kui HTML 4.01 sai standardiks, on veeb ja veebi kasutamine muutunud märkimisväärselt. W3C on otsustanud muuta HTML-i põhisüntaksi normist Generalized Markup Language (SGML) XML-ks ja ka täiesti erinevateks märgistuskeelteks nagu Scalable Vector Graphics (SVG), XForms ja MathML. Praegu on mõned HTML 4.01 komponendid aegunud, neid ei kasutata kunagi või ei kasutata ootuspäraselt. HTML5 kõigi komponentide osad nihutatakse või koostatakse uuesti. HTML5 on lisanud uusi elemente kujunduse illustreerimiseks, digitaalse sisu kuvamiseks, täiustatud lehekülje paigutust ja üldist funktsionaalsust ning mitmeid uusi liideseid, et tänapäeva Interneti-nõudmisi õigesti täita.
HTML5-s on sisse viidud mitmeid uusi elemente, mis pakuvad soovitud lisavõimaluste ja interaktiivse saidi arendamiseks teatud lisafunktsioone. Selliste komponentide abil saame teie koodi kiiresti ja tõhusalt luua. Struktuuri puudumise tõttu on paljusid hästi vormistatud HTML-dokumente raskemini käsitseda, kui nad peavad olema. Päiseskaalade hindamise kaudu peame välja selgitama, kuhu segmendivahed suunavad. Element div identifitseerib külgriba, jaluse, päised, navigeerimismenüüd ja peamised sisuosad.
10 parimat HTML5 uut elementi
HTML5 pakub uusi elemente dokumendi paigutuse täiustamiseks.
1
Element määrab osa lehest, mis sisaldab eraldi struktuuri dokumendis, jaotises või veebisaidil ja mida soovitatakse laialdaselt levitada või kasutada. See võib olla grupipostitus ajakirja või päevapaberi kohta, e-infolehele esitamine, kliendi saadetud märkus või mõni muu ainevaba objekt.
Näide:
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.
Väljund:
- Salvestage ülaltoodud kood faililaiendiga .html.
- Käitage html-faili brauseris ja saate väljundi, nagu on näidatud alloleval pildil.
2
Element tähistab individuaalset sisu sarnaselt kategooriate, kaartide, piltide, koodiartiklite ja palju muu moodi.
Näide:
Figure Element
EDUCBA on juhtiv ülemaailmne oskuspõhise hariduse pakkuja, mis tegeleb 500 000+ liikme vajadustega üle 40 riigi.
Väljund:
Ülaltoodud kood annab väljundi, nagu on näidatud alloleval pildil,
3
Elementi kasutatakse pildi kirjelduse lisamiseks.
Näide:
Figure Caption Element
EDUCBA on juhtiv ülemaailmne oskuspõhise hariduse pakkuja, mis tegeleb 500 000+ liikme vajadustega üle 40 riigi.
EDUCBA (Corporate Bridge Consultancy Pvt Ltd)
Väljund:
Ülaltoodud kood kuvab tulemuse, nagu on näidatud alloleval pildil,
4
Elementi kasutatakse dokumendi või lehe jaotise päise määramiseks. Ühes dokumendis saate määratleda mitu päist.
Näide:
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
Dokumendi sisu läheb siia …
Väljund:
Ülaltoodud kood kuvab tulemuse, nagu on näidatud alloleval pildil,
5
Elementi kasutatakse sellise teabe täpsustamiseks nagu teave autori kohta, teave autoriõiguse kohta, kontakt, seotud dokumentide lingid, saidiplaan ja palju muud.
Näide:
Footer Element
Autoriõigused © 2019 www.educba.com
Kontakt:
Väljund:
Ülaltoodud kood kuvab tulemuse, nagu on näidatud alloleval pildil,
6
Elementi kasutatakse dokumendi peamise, st olulise teabe kuvamiseks.
Näide:
Main Element
Päise teave
Põhiteave
EDUCBA
EDUCBA on juhtiv oskustepõhise hariduse pakkuja …
Jaluse teave
Väljund:
Ülaltoodud kood annab väljundi, nagu on näidatud alloleval pildil,
7
Elementi kasutatakse teksti esiletõstmiseks või märkimiseks taustavärviga, mis meelitab kasutajat dokumendi konkreetse teksti jaoks.
Näide:
Mark Element
EDUCBA on juhtiv ülemaailmne oskustepõhise hariduse pakkuja, mis tegeleb 500 000+ liikme vajadustega üle 40 riigi.
Väljund:
Ülaltoodud kood kuvab tulemuse, nagu on näidatud alloleval pildil,
8
Seda elementi kasutatakse navigeerimislinkide täpsustamiseks lehel. Need lingid pakuvad ühendusi dokumendi teiste lehtedega.
Näide:
Nav Element
HTML |
CSS |
JAVA |
PHP |
PYTHON
Väljund:
Ülaltoodud kood annab väljundi, nagu on näidatud alloleval pildil,
9
Elementi kasutatakse dokumendis eraldiseisva jaotise või konkreetse piirkonna määratlemiseks.
Näide:
Section Element
Main Article
Section Element
Main Article
Section Element
Main Article
Siin kuvatakse peamise päise sisu …
Esimene jagu
Kuvatakse esimese jaotise sisu …
Teine osa
Kuvatakse teise jaotise sisu …
Väljund:
Ülaltoodud kood kuvab tulemuse, nagu on näidatud alloleval pildil,
10.
Silt on osa sildist, mis pakub teksti, mida saab kuvada või peita, kui kasutaja pealkirja klõpsab.
Näide:
Summary Element
EDUCBA - Corporate Bridge Consultancy Pvt Ltd
See on juhtiv ülemaailmne oskuspõhise hariduse pakkuja, mis tegeleb 500 000+ liikme vajadustega üle 40 riigi.
Väljund:
Ülaltoodud koodi käivitamisel kuvatakse tulemus järgmiselt,
Nagu pildil näidatud, klõpsake pealkirja, see kuvab peidetud teksti, nagu on näidatud alloleval pildil,
Järeldus
Siiani oleme näinud, kuidas uued HTML5 elemendid on veebisaidi loomisel mitmesuguste ülesannete jaoks kasulikud. Need uued elemendid loevad dokumenti täpsemaks ja standardsemaks ning arendavad keerukamaid ja tõhusamaid veebirakendusi. Uued HTML5 elemendid pakuvad interaktiivsete veebisaitide loomiseks täiendavaid lisafunktsioone.
Soovitatavad artiklid
See on juhend Html5 uutele elementidele. Siin käsitleme Html5 10 parimat uut elementi dokumendi paigutuse täiustamiseks. Lisateabe saamiseks võite vaadata ka järgmisi artikleid -
- Värviparandus järelmõjudes
- HTML-i 6 parimat versiooni
- Html5 vs Html4
- XHTML vs HTML5
- Mis on sild?
- HTML5 sildid | HTML5 4 parimat silti