HTML5-standard viimistleti ja vabastati 2014. aastal ning see peaks olema HTML, kui esimene versioon kõigi nende aastate eest käivitati. HTML 2.0 oli esimene tõeline „standard”, mis avaldati juba 1995. aastal. Kaks aastat hiljem avaldati HTML 3. Veel kaks aastat hiljem tutvustati HTML 4.01 ja see on sellest ajast olnud Interneti tööhobune.
Esimene HTML5 'töötav mustand' tutvustati juba 2008. aastal, kui brauseri tugi oli toona üllatavalt lai. Täna tuntud HTML5 erineb suuresti mineviku HTML-ist ja siin käsitleme just seda, mida uusim standard selle väljaandmisega muutis. Alates HTML5 käivitamisest on seda laialdaselt aktsepteeritud ning kõiki selle funktsioone ja võimalusi toetavad nüüd kõik suuremad brauserid. Siin-seal on veel mõned luksumised, kuid üldiselt on HTML5 sama moodsa võrgukogemusega hästi võrdsustatud.
Veebiarendajana võiksite olla kas vanem professionaal, kes on õppinud vanemaid standardeid, või algaja, kes jälgib uudishimulikult uute standardite arengut. Mõlemal juhul peate lõpuks hakkama üle minema HTML5-le.
HTML Vs HTML5 Infograafik
Esimene samm HTML5-le üleminekule või õppimisele on mõista erinevust vanema ja uuema standardi vahel. Siin on mõned peamised erinevused HTML ja HTML5 vahel:
-
HTML5 on elav keel
HTML5 on elav keel, pooleliolev töö. On hämmastav näha, mida HTML5 teha saab, kuid samuti on oluline teada, et HTML5 ei ole täielikult standardiseeritud versioon, näiteks HTML4, mis on üle kümne aasta vana ja seatud standard, muutmatu.
HTML5-le astudes peate mõned värskendused tegema. Atribuute ja elemente lisatakse ja muudetakse regulaarselt igal aastal. See sõltub ka sellest, kui palju te rikkalikke elemente kasutate, kuid see on kindlasti üks riskidest, mis kaasneb muutuva keele, näiteks HTML5 muutuva keele kasutamisel.
-
HTML5 on lihtsam
Ehkki HTML5-l on selliseid riske nagu pidevad värskendused, on muudatustega ja värskendustega üldiselt lihtne kursis olla, kuna HTML4-ga võrreldes on lihtsam süntaks. Näiteks on teil lehe alguses HTML5-leheks seadmiseks väga lihtne deklaratsioon:
Lihtne Doctype-deklaratsioon on üks HTML-i süntaksis tehtud lihtsustustest, mis ühildub kõigi HTML4 versioonidega ja kuni XHTML1-ni tagasi. Kuid HTML5 ei ühildu SGML-iga.
Soovitatavad kursused
- Tasuta Pythoni programmeerimiskoolitus
- Tasuta tarkvara testimise atesteerimiskursus
- Tasuta Java programmeerimiskursused
- Täielik PERL-i kursus
-
Uus element
HTML5 on varustatud paljude uute elementidega ja välistab mitu (mida me mõne aja jooksul käsitleme), kuid üks selle peamistest lisatud elementidest on see, mis on Adobe Flashi kasutamist veebisaitidel tohutult mõjutanud. Ehkki Flashi kasutavad endiselt mitmed veebisaidid, on HTML5 paljud kasutusele võtnud ja paljud arvavad, et see muudab Flashi lõpuks aegunuks. Ainult aeg otsustab selle; kuni selle ajani on HTML5 kaskaadielement ennast tõestanud kui head alternatiivi Flassile.
Elementi saab skriptimise, tavaliselt JavaScripti abil joonistada mitmesuguse kuju ja värviga graafikat. Element on lihtsalt graafika konteiner; graafika määratlemiseks peate kasutama skripti. Vaikimisi on lõuend ristkülikukujuline ala, millel pole sisu ega piire. Turg on selline:
Lõuendi suuruse määramiseks on oluline täpsustada id atribuut, samuti laius ja kõrgus. Piiride määratlemiseks võite lisada stiili atribuudi.
Võite kasutada ka JavaScripti, nagu näiteks järgmine näide:
var c = document.getElementById (“myCanvas”);
var ctx = c.getContext (“2d”);
ctx.fillStyle = “# FF0000”;
ctx.fillRect (0, 0 150, 75);
-
Uus ja elemendid
Veel üks suur lisand, millega HTML5 kaasas on, on uued ja elemendid, mis viitavad uuele veebiatoomiale. Nende uute siltide abil pole enam vaja kahte elementi sildiga tuvastada.
Spetsifikatsioonid määratlevad päiseelemendi „navigatsiooni- või sissejuhatava abivahendite rühma”. Sellisena saab seda elementi kasutada sissejuhatuse määratlemiseks lehe sektsiooni või kogu lehe enda sisse. Siin on koodilõik, mis kasutab päise elementi.
Pealkiri
Autor Filed in Web 2.0
Teksti sisu
HTML5 spetsifikatsioonid viitavad jalaelemendile kui „lähima esivanema sektsioonimise sisu või sektsiooni juurelemendi jalusele” ning sisaldavad üldiselt jaotise kohta teavet, näiteks autori nime, autoriõiguse andmeid, linke dokumentidele jne.
Loogiliselt võttes on jalus paigutatud veebilehe alaossa. Kuid selle saab paigutada ka lehe jaotise lõppu. Siin on mõni näide kodeerimisest, mis kasutab jaluse elementi:
Sisu pealkiri
Autor Filed in Web 2.0
Teksti sisu.
Sildid: käsuviip, kompass, CSS, Sass, terminal
10 meeldimist
Jalas on siin postimärgendid ja postitus „Facebook meeldib”.
-
Ja elemendid
Kui te ülalnimetatud näited läbi vaataksite, oleksite märganud veel mõnda uut elementi, näiteks. See element koos elemendiga võimaldab teil märkida paigutuse konkreetsed lõigud ja on otsimootori optimeerimiseks tohutult kasulik. Artikli element on määratletud kui see, mis tähistab veebilehe autonoomset komponenti, et see oleks iseseisvalt korduvkasutatav või levitatav. See võib olla ajaleht, foorumipostitus, ajakirjaartikkel, ajaveebikanne või midagi muud.
Artikli elemendil on päiselemendis üldiselt oma pealkiri ja võib-olla isegi jalus, nagu nägite ülaltoodud näites. Võite elementi lihtsalt mõelda ajaveebi sissekande või iseseisva sisutükina; keeruline osa on iseseisva tuvastamine. Lihtsamalt öeldes on iseseisev sisutükk iseenesest mõistlik.
Hea viis teada saada, kas mõni sisu on iseseisev, on küsida, kas see on RSS-voo mõistes mõttekas. Blogiartiklitel ja staatilistel lehtedel on mõtet ning mõnel saidil on kommentaarikanalid. Kuid artikli lõigul poleks mõtet ülejäänud sisust lahus olla. Siin on jaotis ja avaldamise sildid.
Sisu pealkiri
Avaldatud: 2016-02-24
Teksti sisu
Creative Commons Attribution-ShareAlike litsents
Sektsioonielement vastavalt W3C spetsifikatsioonidele, mis tähistab rakenduse või dokumendi „üldosa”. Seda võib sildiga segi ajada, nii et nüüd kustutame segaduse. Jaotisilti kasutatakse siis, kui selle sisu tuleb grupeerida ülejäänud lehest eraldi ühe teemaga ja kui seda tuleks vaadelda kandena lehe kontuuris. Div-element on määratletud kui "üldine konteiner", mis tähendab, et see ei ole eraldiseisev pealehele, peale oma pealkirja, keele ja klassi atribuudid.
-
Uued ja elemendid
HTML5 uued ja elemendid on osa interaktiivsete elementide spetsifikatsioonidest, kuid on arendajate poolt kõige vähem räägitud elementide hulgas. Arvestades asjaolu, et veeb on muutunud lihtsalt lingitud lehtedeks ja dokumentideks, on need elemendid teretulnud täienduseks suurema veebi interaktiivsuse saavutamiseks.
Elementi ei tohi segi ajada elemendiga, mis on määratletud HTML-i navigeerimismärgisena, mis tähistab lehe navigeerimisplokki. Tavaliselt sisaldab see linke, mille abil kasutajad saavad sirvida lehe jaotisi või mõnda muud lehte. Teisest küljest tähistab menüü silt menüü käske, mis lihtsustavad töölaua- ja mobiilirakendusi. Siin on näide tegutsevast elemendist:
Tere, Maailm
Vahepeal on element veel üks viis piltide ja teksti korraldamiseks. Seda kasutatakse koos elemendiga illustratsioonide, diagrammide ja fotode märkimiseks. Allpool on toodud lühike koodilõik, mis sisaldab mõlemat elementi.
-
Uued ja elemendid
Need on HTML5 standardi kaks peamist täiendust. Helisilt, nagu ka videomärgend, võimaldab arendajatel oma veebisaidile muusikat ja heli manustada. Erinevalt eelmisest standardist ei piirdu te ainult midi-muusika lisamisega, ehkki kasutatavate failide tüübil on endiselt mõned piirangud. Enamik Webkitiga seotud brauseritest toetab tavalisi MP3-faile, teised aga ainult OGG-vormingut. Hea uudis on see, et failimuundureid on palju ja saate lihtsalt esitada helifaili kaks versiooni; õige versioon valitakse automaatselt.
Helisilti saate kasutada nagu iga muud elementi. Siin on näidislõige:
Helisildil on ka mitmeid atribuute lisakontrollide jaoks, sealhulgas sündmuste atribuudid. Üritused hõlmavad aknasündmusi, vormiüritusi, meediasündmusi ja hiireüritusi. Videoelemendil on ka mitmeid sisu atribuute, sealhulgas SRC, globaalsed atribuudid, silmus, juhtimine, eellaadimine ja plakat. SRC, silmuse, automaatse esituse ja juhtelementide atribuudid on üsna iseenesestmõistetavad ja ühesugused kõigi meediumielementide jaoks, samas kui globaalsed atribuudid on kõigi elementide jaoks ühised. Nende hulgas on dir, peidetud, kontekstimenüü ja palju muud.
HTML5-ga on kaasas veel mõned multimeediumiatribuudid ja -elemendid, näiteks palaelement, mis pakub videoelemendi jaoks tekstiradasid.
-
Uued vormid
HTML5 on nüüd koos vormi ja elementidega. Kui te ei plaani lehel paljusid tabeleid kasutada, võiksite atribuudi ka eemaldada ja enne edasisuunamist tutvuda tehtud muudatustega.
-
Enam pole ja elemente
See tähendab, et kõik atribuudid, mis võimaldavad arendajatel luua täiuslikult paigutatud, toonitud tabeli, näiteks ääris, bgcolor, joondamine, kõrgus, reeglid ja palju muud. Kõik need atribuudid asendatakse CSS-iga.
-
Pole enam ja
See sobib suurepäraselt nende arendajate jaoks, kes on HTML-i algusaegadest läbi töötanud. Raamikomplekti, raami ja noframe'i atribuudid on täielikult eemaldatud, koos teistega, näiteks pilgutus, basefont ja palju muud. Peate haldama, ilma paigutuse jaoks tabeleid kasutamata. Tabelid on endiselt HTML5 osa, kuid need ei ole enam pikslite jaoks ette nähtud. Spetsifikatsioonides öeldakse, et tabeleid ei tohiks kasutada paigutuse abistamiseks ega lehe paigutuse juhtimiseks.
Järeldus
Nagu selgelt näete, on HTML5-s palju muudatusi ja peate seda kasutama ettevaatlikult ja ettevaatlikult. Samuti peate värskendama oma teadmisi selle keele kohta, kuna see aja jooksul muutub ja värskendusi saab rohkem. Peate lõpetama nende elementide kasutamise, mille HTML5 on ise eemaldanud, ja kasutama uusi HTML5 elemente, mis kindlasti jäävad, nagu päise või jaluse sildid.
Ülaltoodud on lihtsalt HTML5 selle käivitamisega tehtud muudatuste lihtsustatud versioon. Kuid olgem siinkohal ausad; HTML5 vastuvõtmisel pole midagi lihtsat ega aeglast ning uus standard lisab palju võimalusi, mis on tänapäevase kasutajakogemuse jaoks üliolulised. Peate uue keelega kursis olema ja õppima ka mõnda CSS-i, millel on varasemast suurem roll.
Nende muudatuste juures on hea see, et kuigi need on suured, on nad paremuse poole ja seda mõistavad kõik siinkohal kaasatud sidusrühmad. Pilve poole liikudes on brauserid võimsamad ning suudavad ise rohkem hakkama saada. Selliste asjadega nagu Ajax ning video- ja heli manustamisega jms on palju lihtsam kodeerida sirgjoonelist meetodit ja lubada brauseril raske töö kanda. Näiteks uutele struktuurielementidele, nagu joonis, jalus, kokkuvõte ja jaotis, viidatakse kõik dokumendi struktuurile ja renderdamine jäetakse brauserile.
Seotud artiklid:-
Siin on mõned artiklid, mis aitavad teil HTML-i ja HTML5-i kohta rohkem üksikasju saada, nii et lihtsalt minge link.
- HTML ja XML
- HTML5 vs Flash 9 parimat erinevust (koos infograafikaga)
- HTML vs XHTML
- HTML5 vs Flash
- Hämmastavad erinevused HTML5 vs. JavaScript
- 10 vinge kasuliku näpunäidet Pythoni programmeerimise kohta (nipid)