Aký je rozdiel medzi html5 a html 2.0. Rozdiely medzi HTML5 a predchádzajúcimi verziami

Odoslanie vašej dobrej práce do databázy znalostí je jednoduché. Použite nižšie uvedený formulár

Študenti, postgraduálni študenti, mladí vedci, ktorí pri štúdiu a práci využívajú vedomostnú základňu, vám budú veľmi vďační.

Podobné dokumenty

História HTML5. Rozdiely medzi HTML5 a predchádzajúcimi verziami. Porovnávacia analýza pre a proti. Príklady ruských stránok v HTML5. Zvýšená rýchlosť práce. Technológia webového ukladania. Štrukturálne možnosti HTML5. Porovnanie populárnych prehliadačov.

kurzová práca, pridané 23.10.2013


HTML5 je jazyk na štruktúrovanie a prezentáciu obsahu pre World Wide Web a je základnou technológiou používanou na internete. Vytvorenie webovej aplikácie pomocou technológie Asp.net MVC 3 a webového značkovacieho jazyka HTML5. Zloženie platformy MVC.

kurzová práca, pridané 25.05.2012


Žánre a formáty multimédií. Špecifiká internetu ako mediálnej platformy. Metódy tvorby a distribúcie multimediálneho obsahu. Vývoj obsahu pre multimediálny internetový portál o mestských extrémnych športoch: publikum, kategórie atď.

práca, pridané 20.08.2017


Formovanie a štruktúra, vzťah hlavných prvkov vzdelávacej stránky „HTML5&CSS3“ s cieľom poskytnúť používateľom informácie o najnovších technológiách vo webovom priemysle a naučiť ich praktické zručnosti v ich aplikácii. Vypracovanie užívateľskej príručky.

kurzová práca, pridané 17.06.2014


Koncept Web 2.0. značkovací jazyk HTML5. Nástroje na tvorbu webových aplikácií. Objektová analýza a návrhový jazyk UML. Implementácia plnenia a testovania vyvinutého internetového obchodu. Formátovanie obsahu webových stránok.

práca, pridané 06.05.2016


Výskum možností a oblastí použitia programovacieho jazyka JavaScript. Porovnávacia analýza programovacích jazykov JavaScript a PHP. Vývoj interaktívnej webovej aplikácie na príklade testu na tému "Programovanie v Delphi".

praktické práce, pridané 02.04.2015


Porovnávacie charakteristiky, možnosti a funkcie programovacích jazykov JavaScript a PHP. Hlavné oblasti ich použitia. Vývoj interaktívnej webovej aplikácie pomocou JavaScriptu na príklade testu na tému "Programovanie v Delphi".

kurzová práca, pridané 01.07.2014


Vývoj a praktická realizácia multimediálneho vzdelávacieho kurzu v disciplíne „NEC ASOIU“. Analýza vlastností modifikovaného LMS MOODLE a jeho schopnosti poskytovať podporu a štruktúrovať obsah. Efektívnosť prístupu k tvorbe kurzu.

práca, pridané 21.05.2009

Od autora: Hypertext Markup Language alebo jednoducho HTML je štandardný jazyk na vytváranie webových stránok. Ako všetko vo svete technológií, aj HTML sa od svojho zavedenia koncom osemdesiatych rokov veľmi rýchlo vyvíjalo. Začiatočníci v programovaní by sa mali naučiť najnovšiu verziu jazyka - HTML5. Hlboké pochopenie vývoja jazyka však pomôže začiatočníkom a profesionálom oceniť minulosť, súčasnosť a budúcnosť vývoja webu.

Základy HTML

Kód HTML informuje prehliadač, ako má vykresliť obsah. Značenie predstavuje základnú štruktúru stránok. Po desaťročia sa HTML spolu s CSS a JS považovalo za základnú technológiu na internete. Štandardy HTML a CSS sa riadia World Wide Web Consortium.

Ako už názov napovedá, HTML nemožno nazvať programovacím jazykom. Je to značkovací jazyk používaný na organizáciu údajov na internete. Dokumenty HTML pozostávajú z prvkov HTML reprezentovaných ako značky. Tagy sú napísané v lomených zátvorkách a rozdeľujú obsah do kategórií. Jednoduchý príklad štruktúry HTML so správou „Ahoj svet“ vyzerá takto:

Ahoj svet

HTML dokumenty sa sťahujú zo serverov a informujú prehliadač, ako má zobrazovať text, odkazy, obrázky a interaktívne formuláre.

História HTML

Nové verzie HTML sa zameriavali skôr na sprístupňovanie internetových technológií, než na vykresľovanie starších verzií. HTML4 okrem nových možností vytvárania rozložení napríklad zlepšilo umiestňovanie prvkov pre zrakovo postihnutých používateľov.

Posledná veľká aktualizácia od 90. rokov bola zameraná na internacionalizáciu jazyka, ako aj na uľahčenie vylepšenia HTML programátorom na celom svete. Ako súčasť tohto úsilia bola univerzálna kódovaná znaková sada prijatá ako oficiálne kódovanie HTML. Tento krok zlepšil zobrazovanie mnohých znakov a akcentov, ktoré sa nachádzajú v ľudských jazykoch a dialektoch.

V dôsledku toho sa zlepšilo indexovanie archívov, čo vedie k vyššej presnosti vyhľadávania. Okrem toho sa objavila veľmi kvalitná typografia. HTML4 tiež dalo webovým dizajnérom dodatočnú kontrolu nad rýchlosťou a poradím, v akom sa obsah vykresľuje.

HTML alebo HTML5: Evolúcia vývoja webu

Internet je teraz úplne iný ako v roku 1999, keď bola vydaná posledná veľká aktualizácia HTML 4.01. V súčasnosti existujú technológie, ktoré sme si na prelome storočí nevedeli predstaviť. Smartfóny, tablety a ďalšie mobilné zariadenia predstavujú pre inžinierov a vývojárov softvéru nové výzvy. Zrýchľujúca sa globalizácia urobila zo štandardizácie internetových technológií prioritu pre každého, kto má podiel na globálnej ekonomike. Globálna spotreba internetu z roka na rok rastie a predpokladá sa, že používané technológie sa budú vyvíjať rýchlejšie a rýchlejšie.

Preto bolo implementované HTML5, aby vyriešilo tieto problémy a poskytlo plynulejšie a konzistentnejšie skúsenosti pre používateľov a vývojárov.

HTML je spoločným úsilím medzi World Wide Web Consortium alebo W3C a Web Hypertext Application Technology Working Group alebo WHATWG. V roku 2006 sa organizácie spojili, aby znížili závislosť od doplnkov, zlepšili spracovanie chýb a nahradili skripty značkami. V dôsledku toho HTML5 výrazne zjednodušilo proces vytvárania webových aplikácií.

Vďaka HTML5 sa webové stránky naučili ukladať dáta lokálne v prehliadačoch používateľov, čo umožňuje opustiť HTTP cookies. Obsah sa dodáva rýchlejšie a bezpečnejšie. HTML5 tiež zjednodušilo kompatibilitu medzi prehliadačmi. Prehliadače zvyčajne používajú na prehrávanie multimediálnych súborov rôzne doplnky. Zabudovaná podpora zvuku a videa eliminuje problémy s kompatibilitou. Medzi nové atribúty patria ovládacie tlačidlá ako prehrávanie, pauza a hlasitosť.

Postupná implementácia

HTML4 je štandardom už 15 rokov, a preto ho stále veľa vývojárov používa. Prehliadače budú tento štandard podporovať ešte dlho. Staršie prehliadače môžu pri vykresľovaní obsahu „ignorovať“ nový kód HTML5. V skutočnosti všetky moderné prehliadače dobre podporujú špecifikáciu HTML5: Chrome, Firefox, Opera a Safari. HTML5 sa neustále vyvíja, takže prehliadače pridávajú podporu pre nové funkcie v nových verziách. Našťastie pre nás všetky hlavné prehliadače súčasne pridávajú podporu pre nové funkcie hneď po ich vydaní.

Podporu HTML5 vo svojom prehliadači môžete otestovať pomocou HTML5test.

Väčšina vývojárov nebude musieť opravovať svoje staré stránky. Ak však svoju budúcnosť spojíte s tvorbou webových stránok, mali by ste sa dozvedieť o výhodách HTML5 oproti HTML.

HTML alebo HTML5: čo je nové?

Ak HTML fungovalo pre každého viac ako desať rokov, prečo bolo potrebné ho aktualizovať v roku 2014? Najvýznamnejším rozdielom medzi staršími verziami HTML a HTML5 je integrácia videa a zvuku do jazykových špecifikácií. HTML5 navyše obsahuje nasledujúce aktualizácie:

Zastarané prvky ako stred, písmo a prečiarknutie boli odstránené;

vďaka vylepšeným pravidlám analýzy je flexibilnejší a kompatibilnejší;

objavili sa nové prvky video, čas, navigácia, sekcia, priebeh, meter, bok a plátno;

nové atribúty pre vstupy vrátane e-mailu, adresy URL, dátumov a časov;

nové atribúty vrátane znakovej sady, async a ping;

nové API s offline cachovaním a podporou drag-and-drop atď.;

podpora vektorovej grafiky bez programov tretích strán, ako sú Silverlight alebo Flash;

Podpora MathML zlepšila zobrazovanie matematických zápisov;

vďaka JS Web worker API môže teraz JS bežať na pozadí;

globálne atribúty ako tabindex, repeat a id možno teraz použiť na všetky prvky.

Obrázok nižšie zobrazuje hlavné vlastnosti HTML5 rozdelené podľa kategórií.

Aké sú užívateľské výhody HTML5 oproti HTML?

Technickej stránke problému sme sa venovali, aké výhody však HTML5 prináša bežným používateľom? Nižšie som zostavil zoznam týchto inovácií, ktoré ste si mohli alebo možno nevšimli:

Niektoré údaje môžu byť uložené v zariadení používateľa, t.j. aplikácie môžu fungovať bez internetového pripojenia;

Webové stránky môžu zobrazovať viac písiem so širším rozsahom farieb, tieňovania a iných efektov;

objekty na stránke sa môžu pohybovať kurzorom;

interaktívne médiá, ako sú hry, je možné spúšťať priamo v prehliadačoch bez pripájania ďalšieho softvéru alebo doplnkov. Zvuk a video teraz tiež nevyžadujú doplnky;

Prehliadače dokážu zobraziť interaktívnu 3D grafiku pomocou GPU počítača.

Tým, že HTML5 eliminuje potrebu doplnkov tretích strán, zrýchľuje poskytovanie dynamickejšieho obsahu.

Aké výhody má HTML5 oproti HTML pre vývojárov webu?

Hlavným cieľom HTML5 bolo poskytnúť vývojárom väčšiu flexibilitu, čo by následne viedlo k pohlcujúcejšej používateľskej skúsenosti. HTML5 bolo vytvorené na niekoľko účelov:

1. Rovnaké spracovanie chýb

Všetky prehliadače majú analyzátory na spracovanie syntaxe a štrukturálnych chýb v kóde HTML. Donedávna neboli normy pre tento proces nikde predpísané.

Preto vývojári prehliadačov museli otestovať dokumenty HTML s chybami v iných prehliadačoch, aby spätne analyzovali proces spracovania chýb.

V živote HTML sú chyby nevyhnutné. Podľa Rebuildingtheweb obsahuje 90 % stránok chyby v kódovaní. Obsluha chýb je jednoducho potrebná na správne zobrazenie stránok. V dôsledku toho kódované spracovanie chýb šetrí vývojárom prehliadačov veľa času a peňazí. Výhody jasne definovaného algoritmu analýzy nemožno podceňovať.

2. Vylepšená podpora vlastností pre webové aplikácie

Ďalším cieľom HTML5 bolo, aby prehliadače fungovali ako aplikačné platformy. Webové stránky sa stali oveľa zložitejšími, takže vývojári sa naučili obchádzať rozšírenia prehliadača a ďalšie technológie na strane servera. HTML5 vám umožňuje kontrolovať výkon stránky. Do novej jazykovej špecifikácie bolo zahrnutých veľa Flash a JS hackov používaných v HTML4. Tieto zmeny poskytujú plynulejší a rýchlejší používateľský zážitok.

3. Vylepšená sémantika prvkov

Sémantické úlohy niektorých existujúcich prvkov boli vylepšené, vďaka čomu je kód intuitívnejší. Nové prvky sekcie, hlavičky, článku a navigácie môžu nahradiť väčšinu značiek div, ktoré sťažujú hľadanie chýb.

4. Maximálna podpora pre mobilné zariadenia

Mobilné zariadenia sú pre webových vývojárov úplnou bolesťou hlavy. Ich rozšírenie za posledných desať rokov si vynútilo zlepšenie štandardov HTML. Používatelia chcú pristupovať k webovým aplikáciám odkiaľkoľvek, kedykoľvek a na akomkoľvek zariadení. Developeri boli nútení podriadiť sa požiadavkám trhu. HTML5 zjednodušuje mobilnú podporu, pretože je prispôsobené pre smartfóny a tablety.

Ďalšie pozoruhodné vylepšenia

Od spustenia HTML5 prešlo niekoľko rokov a niekoľko veľkých spoločností migrovalo svoje stránky na nový štandard. Mnoho vývojárov zdieľa svoje názory na HTML a HTML5. Najčastejšie spomínané vlastnosti:

1. Podpora pre vlastné atribúty údajov

Pred HTML5 bolo pridávanie vlastných atribútov do značiek riskantné. V HTML4 vlastné atribúty nezasahovali do úplného vykresľovania stránok, ale dokumenty s nimi neboli overené, čo viedlo k vykresľovaniu v režime kompatibility. Tento problém vyriešil atribút data-*.

Atribút data-* je možné použiť mnohými spôsobmi, ale jeho hlavným účelom je uchovávať dodatočné informácie o prvkoch. Dáta sú uložené ako jednoduchý reťazec. Údaje používateľa umožnili vývojárom vytvárať pútavejšie stránky bez potreby technológie Ajax a serverových technológií.

2. Už žiadne cookies

Už to bolo povedané skôr, ale podpora lokálneho ukladania dát skutočne spôsobila revolúciu vo vývoji. Pred HTML5 bolo jediným spôsobom, ako spoľahlivo ukladať informácie o stave, používanie súborov cookie. Súbory cookie môžu ukladať obmedzené množstvo údajov a niektorí používatelia ich predvolene deaktivujú. Objekt HTML5 localStorage vám umožňuje podvádzať bezstavovú povahu protokolu HTTP.

Objekt localStorage patrí do globálneho priestoru názvov okna, čo znamená, že je prístupný odkiaľkoľvek v skripte. Reťazce môžete vkladať iba do lokálneho úložiska, ale pomocou metód JSON.stringify() a JSON.parse() tam môžete jednoducho vložiť všetky nové údaje. Existuje ďalší objekt sessionStorage, ktorý vám umožňuje ukladať údaje, kým používateľ nezavrie okno prehliadača.

3. Automatické zaostrovanie na polia formulára

Atribút autofocus umožňuje vývojárom špecifikovať pole, ktoré bude zaostrené po načítaní stránky. V jednom dokumente môžete zadať atribút autofocus iba pre jeden prvok, používateľ môže prepísať hodnotu výberom iného poľa. Ak napríklad pridáte atribút automatického zaostrovania do poľa Priezvisko, ako je znázornené na snímke obrazovky nižšie, po načítaní stránky sa pole Priezvisko automaticky zvýrazní.

4. Už nemusíte špecifikovať atribút type v značkách skriptu a odkazu

HTML5 predpokladá, že značky skriptov a odkazov odkazujú na skripty a štýly, čo znamená, že nie je potrebné používať atribút type.

Budúcnosť HTML a HTML5

Nová generácia vývojárov nepochybne nájde v HTML5 nové výhody a sociálne siete pomôžu rozvoju jazyka. Konferencia W3C oznámila, že budúce aktualizácie HTML5 budú uprednostňovať základy aplikácií, ako sú nástroje na ochranu osobných údajov. Hlavný dôraz v HTML5 bol na definovanie spoľahlivých kompatibilných vlastností, takže tie nespoľahlivé prejdú do HTML 5.1. Jedným z kontroverznejších návrhov bolo zahrnutie nástrojov na správu digitálnych práv.

Na začiatku roka 2017 si weboví vývojári stále vystačia s dobrou znalosťou starých špecifikácií HTML. Ak však chcete pokračovať vo svojej kariére a nechcete sa učiť HTML5, všetko si len zhoršíte. Stačí sa pozrieť na vstavanú podporu videa a zvuku v porovnaní s 4.1.

Lachlan Hunt

Pôvodný článok v angličtine: http://www.alistapart.com/articles/previewofhtml5

Ilustrácie: Kevin Cornell

Preklad: Vlad Merževič

Sieť sa neustále vyvíja. Každý deň vznikajú nové a inovatívne webové stránky, ktoré posúvajú hranice HTML v každom smere. HTML4 je okolo nás už takmer desaťročie a vydavatelia hľadajú nové metódy na poskytovanie pokročilých funkcií, ktoré brzdia obmedzenia jazyka a prehliadača.

S cieľom poskytnúť autorom väčšiu flexibilitu a interoperabilitu, vďaka čomu sú ich stránky a aplikácie interaktívnejšie a pohlcujúce, HTML5 zavádza a rozširuje škálu možností, ktoré zahŕňajú prvky formulára, API, médiá, štruktúru a sémantiku.

Práca na HTML5 sa začala v roku 2004 av súčasnosti je spoločným úsilím W3C HTML WG a WHATWG. Na práci W3C sa podieľa mnoho kľúčových hráčov vrátane zástupcov štyroch hlavných predajcov prehliadačov: Apple, Mozilla, Opera a Microsoft, ako aj množstva ďalších organizácií a jednotlivcov s vlastnými záujmami a odbornými znalosťami.

Upozorňujeme, že špecifikácia je stále vo vývoji a nie je ani zďaleka dokončená. Je teda možné, že niektoré funkcie opísané v tomto článku sa môžu v budúcnosti zmeniť. Cieľom tohto článku je stručne opísať niektoré z hlavných funkcií, ktoré existujú v aktuálnom projekte.

Štruktúra

HTML5 prináša množstvo nových prvkov, ktoré zjednodušujú štruktúru stránok. Väčšina stránok HTML4 obsahuje bežné prvky, ako sú hlavička, päta a stĺpce. V súčasnosti sa spravidla v kóde dokumentu uvádzajú pomocou prvkov