Array ( [0] => 15537102 [id] => 15537102 [1] => cswiki [site] => cswiki [2] => HTML5 [uri] => HTML5 [3] => [img] => [4] => [day_avg] => [5] => [day_diff] => [6] => [day_last] => [7] => [day_prev_last] => [8] => [oai] => [9] => [is_good] => [10] => [object_type] => [11] => 1 [has_content] => 1 [12] => [oai_cs_optimisticky] => ) Array ( [0] => [[Soubor:HTML5-logo.svg|náhled|Logo HTML5 od W3C]] [1] => [2] => '''HTML5''' je v [[Informatika|informatice]] verze [[Značkovací jazyk|značkovacího jazyka]] [[Hypertext Markup Language|HTML]] sloužícího pro tvorbu [[Webová stránka|webových stránek]]. Finální specifikace byla vydána 28. října 2014.{{cite web | url=http://arstechnica.com/information-technology/2014/10/html5-specification-finalized-squabbling-over-who-writes-the-specs-continues/ | title=HTML5 specification finalized, squabbling over specs continues | publisher=[[Ars Technica]] | date=2014-10-29 | accessdate=2014-10-29}}{{cite web | url=http://www.osnews.com/story/28003/HTML_5_Finalized | title=HTML 5 Finalized | publisher=[[OSNews]] | date=2014-10-29 | accessdate=2014-10-29}} Proti předchozí verzi HTML4 z roku 1997 přináší podstatné změny, přičemž mezi nejdůležitější patří přímá podpora přehrávání multimédií v [[Webový prohlížeč|prohlížeči]] a podpora pro aplikace, které fungují i bez připojení k [[Internet]]u. [3] => [4] => HTML5 obsahuje podrobné modely zpracování pro podporu interoperabilnějších implementací; rozšiřuje, zlepšuje a racionalizuje značkování dostupné pro dokumenty a zavádí značkovací a aplikační programovací rozhraní (API) pro složité webové aplikace.{{Citace periodika [5] => | příjmení = Friede [6] => | jméno = Eric [7] => | titul = LCC from October-December 2010 Lists [8] => | periodikum = Theology Cataloging Bulletin [9] => | datum vydání = 2011-02-01 [10] => | ročník = 19 [11] => | číslo = 2 [12] => | strany = 9–16 [13] => | issn = 1548-8497 [14] => | doi = 10.31046/tcb.v19i2.1381 [15] => | url = http://dx.doi.org/10.31046/tcb.v19i2.1381 [16] => | datum přístupu = 2022-04-04 [17] => }} Ze stejných důvodů je HTML5 také kandidátem pro mobilní aplikace pro různé platformy, protože obsahuje funkce navržené s ohledem na zařízení s nízkou spotřebou. [18] => [19] => == Charakteristika == [20] => Specifikace HTML5 je složena z několika víceméně nezávislých částí, například: [21] => [22] => * nové HTML značky (tagy) sémanticky definující strukturu stránky, [23] => * perzistentní úložiště formou asociativního pole, [24] => * relační databáze s podporou transakcí, [25] => * podpora offline aplikací. [26] => [27] => Některé z navržených funkcí HTML5 implementovalo rozšíření pro prohlížeče [[Google Gears]]. Google se rozhodl vývoj Gears postupně pozastavit ve prospěch nativní podpory HTML5 ze strany prohlížečů.[http://latimesblogs.latimes.com/technology/2009/11/google-gears.html Google waving goodbye to Gears, hello to HTML5 – L.A. Times] Součástí HTML 5.1 se stal [[Digital rights management|DRM]].{{Citace elektronického periodika [28] => | příjmení = Černý [29] => | jméno = Michal [30] => | autor = [31] => | odkaz na autora = [32] => | spoluautoři = [33] => | titul = DRM se stalo součástí standardu HTML 5.1 [34] => | periodikum = Root.cz [35] => | odkaz na periodikum = Root.cz [36] => | datum vydání = 26. 3. 2014 [37] => | datum aktualizace = [38] => | datum přístupu = [39] => | ročník = [40] => | číslo = [41] => | strany = [42] => | url = http://www.root.cz/clanky/drm-se-stalo-soucasti-standardu-html-5-1/ [43] => | issn = 1212-8309 [44] => | jazyk = [45] => }} [[API]] pod HTML5 umožňuje zjišťovat stav baterie zařízení, což ale může vést k identifikaci zařízení a jeho sledování.http://phys.org/news/2015-08-privacy-analysis-battery-status-api.html - Privacy analysis shows battery status API as tracking tool [46] => [47] => == Novinky == [48] => HTML verze 5 se od verze 4 liší novými, zkrácenými a rychlejšími zápisy značek. Autoři dávají důraz na jednoduchost a zároveň účinnost. HTML5 je též možné vytvořit aplikaci, která funguje v prohlížeči i tehdy, když uživatel nemá internetové připojení, a která ukládá data do lokálního úložiště na uživatelově počítači. Je-li internetové připojení k dispozici, může aplikace synchronizovat data se vzdáleným serverem. [49] => [50] => Má-li aplikace fungovat v offline módu, je nutné vytvořit tzv. cache manifest, což je seznam souborů, jež mají být přístupné lokálně. Jméno souboru s tímto seznamem se uvede jako vlastnost prvku ''html'', např. . Jako perzistentní úložiště lze využít buď relační databázi, nebo asociativní pole ''localStorage'' přístupné přes objekt ''window''. Kromě ''localStorage'' existuje navíc objekt ''sessionStorage'', v němž je možné uchovávat data po dobu trvání sezení. [51] => [52] => === DOCTYPE === [53] => První změnou je nová specifikace typu dokumentu, tedy DOCTYPE. Zápis se oproti předchozím verzím hodně zkrátil, už není potřeba udávat dlouhé zápisy o verzi a DTD specifikaci dokumentu, takže dokument HTML5 by měl správně začínat prostým zápisem: [54] => [55] => [56] => [57] => Výhodou je, že všechny dnešní prohlížeče novému zápisu rozumí a stránky zobrazí ve standardním zobrazovacím režimu. [58] => [59] => === Jazyk dokumentu a kódování === [60] => Zadání jazyka dokumentu se na rozdíl od předchozího zápisu ve značce metadat content-language také podstatně zjednodušil na prostou informaci v kořenovém prvku, obvykle ''''. [61] => [62] => Údaje o kódování dokumentu se zapisují oproti dřívějšímu delšímu zápisu [63] => [64] => [65] => [66] => pomocí jednoduchého řádku [67] => [68] => [69] => [70] => Kódování samozřejmě může být i jiné. V uvedeném příkladu jsou také údaje o směru psaní textu podle jazyka. ''Ltr'' znamená zleva doprava (left to right), zprava doleva je to pak ''rtl'' (right to left). [71] => [72] => Struktura HTML dokumentu by pak měla vypadat podobně: [73] => [74] => [75] => [76] => [77] => [78] => Titulek stránky [79] => [80] => [81] => Tělo stránky [82] => [83] => [84] => [85] => [86] => === Struktura === [87] => HTML5 se také zaměřilo na [[Sémantika|sémantiku]] webových stránek a převážně na zvýšení přehlednosti zdrojového kódu. Většina stránek je dnes tvořena obvyklými částmi, jako je hlavička, různé sloupce a patička. Tyto části jsou odlišeny pomocí prvku div a jeho vlastností id nebo class, protože v současné verzi HTML 4 žádné speciální prvky na toto rozlišení nejsou. [88] => [89] => V HTML5 jsou proto zavedeny tyto nové značky, které jsou určeny na strukturování stránek: [90] => * <section> – představuje části stránky, např. kapitoly [91] => * <article> – představuje nezávislé části stránky, např. články nebo komentáře [92] => * <main> – představuje hlavní obsah stránky [93] => * <aside> – představuje části stránky, které jen nepatrně souvisí se zbytkem stránky, např. poznámky stranou [94] => * V návrhu [[WHATWG]]: <hgroup> – představuje skupinu nadpisů (<h1> – <h6>) [95] => * <header> – představuje hlavičku, může obsahovat například nadpis nebo navigační odkazy [96] => * <footer> – představuje patičku, může obsahovat informace o autorovi nebo autorských právech [97] => * <nav> – představuje část stránky, která je určena k navigaci [98] => * <figure> – představuje samostatný obsah stránky, který doplňuje hlavní stať, ale není její součástí, např. obrázek, graf, video nebo ukázka kódu [99] => * <figcaption> – představuje popisek pro <figure> [100] => [101] => Příklad struktury stránky: [102] => [103] => [104] =>
[105] => [106] =>
[107] =>
[108] =>
[109] => [110] => [111] => [112] => [113] => [114] => === Funkce === [115] => HTML5 dále přidává několik nových funkcí ke zvýraznění drobných anomálií, dalšímu odlišení struktury nebo práci se skriptovacími jazyky. [116] => [117] => V HTML5 jsou dále zavedeny tyto nové prvky: [118] => * <mark> – zvýrazňuje text [119] => * <progress> – zobrazuje stav dokončení dané úlohy (průběh), např. u stahování nebo načítání [120] => * <meter> – zobrazuje velikost, např. využití paměti [121] => * <time> – označuje datum a čas [122] => * V návrhu [[WHATWG]]: <data> – označuje obsah strojově-čitelnou hodnotou [123] => * <dialog> – představuje dialog [124] => * <ruby>, <rt> a <rp> – označuje ruby anotace, např. k arabštině [125] => * <bdi> – označuje text psaný v jiném směru než text okolní, např. v arabštině [126] => * <wbr> – přidává možnost zalomení textu [127] => * <menuitem> – představuje příkaz, který může návštěvník stránky vyvolat z kontextového menu [128] => * <details> – představuje dodatečné informace, které mohou být čtenáři dostupné např. po kliknutí nebo najetí myši [129] => * <summary> – představuje shrnutí, popisek, nebo legendu pro
[130] => * <keygen> – ovládá vygenerování páru klíčů k certifikátu [131] => * <output> – představuje výstup, např. výsledek početní operace [132] => [133] => === Multimediální obsah === [134] => Ve starších verzích (HTML v4.01 a starší) neexistují prostředky, které by úspěšně pracovaly s vkládáním multimédií, proto jsou využívány různé pluginy nebo Flash. Tento problém se HTML5 také snaží vyřešit. [135] => [136] => Zavádí proto tyto značky: [137] => * [[HTML5 video| – vkládání videa [138] => * [[HTML5 audio| – vkládání audia [139] => * <source> – definuje alternativní verze videa nebo audia souboru, z nichž si prohlížeč vybírá ty, které podporuje [140] => * – vkládá stopu pro či [141] => Zůstává značka pro vložení kontejneru s externí aplikací nebo pro interaktivní obsah. [142] => [143] => Příklady: [144] => [145] => [149] => [153] => [154] => [155] => === Canvas === [156] => Další novinkou je prvek [[HTML5 canvas|]], který umí interpretovat vektorovou grafikou s možností vkládat obrázky. Lze na něj kreslit prostřednictvím skriptovacích jazyků na straně klienta s použitím kontextových metod, mj. pomocí [[Grafické primitivum|grafických primitiv]]. Použití jako např. grafy reagující na ovládání uživatele. [157] => [158] => === Formuláře === [159] => [[Soubor:HTML5 formuláře.png|náhled|Ukázka HTML5 formulářů v Opeře]] [160] => Formuláře dostaly nové dva atributy: [161] => * '''autocomplete''' – který vybraným vstupním prvkům povoluje automatické dokončování, a [162] => * '''novalidate''' – který vypíná validaci hodnot vstupních prvků [163] => Tyto atributy se mohou doplňovat se stejně nazvanými atributy u jednotlivých vstupních prvků formuláře, např. pro vytvoření výjimky. [164] => [165] => ==== Nové atributy vstupních políček ==== [166] => Při návrhu formulářů je dnes k dispozici pouze málo možností, se kterými se musí vystačit. HTML5 zachovává značku , ale její parametr ''type'' rozšiřuje o následující možnosti: [167] => [168] => * '''tel''' – zadání telefonního čísla včetně ověření, zda je formát správný [169] => * '''search''' – vyhledávací pole [170] => * '''url''' – adresa URL [171] => * '''email''' – zadání e-mailové adresy včetně ověření, zda je formát správný [172] => * '''datetime''' – zadání data a času s ohledem na časová pásma [173] => * '''date''' – zadání data [174] => * '''month''' – zadání měsíce [175] => * '''week''' – zadání týdne [176] => * '''time''' – zadání času [177] => * '''datetime-local''' – zadání data a času bez ohledu na časová pásma [178] => * '''number''' – zadání čísla [179] => * '''range''' – výběr číselné hodnoty z rozsahu, který se nastaví vlastnosti ''min'' a ''max'' [180] => * '''color''' – výběr barvy včetně převedení do textového formátu [181] => [182] => Zápis: [183] => [184] =>
[185] => [186] => [187] => [188] => [189] => [190] => [191] => [192] => [193] => [194] => [195] => [196] =>
[197] => [198] => [199] => Mezi další nové atributy vstupních polí patří: [200] => * '''autocomplete''' – povolí automatické doplňování [201] => * '''autofocus''' – automaticky vybere prvek [202] => * '''form''' – určení, do kterého formuláře/ů se při odeslání hodnota prvku vloží [203] => * '''formaction''' – mění akci formuláře (např. pro type=submit) [204] => * '''formenctype''' – mění kódování formuláře [205] => * '''formmethod''' – mění metodu formuláře [206] => * '''formnovalidate''' – vypíná validaci [207] => * '''formtarget''' – mění cíl formuláře (např. otevření do nového okna) [208] => * '''height''', '''width''' – výška a šířka elementu [209] => * '''list''' – viz [210] => * '''min''', '''max''' – minimální a maximální hodnota (např. pro type=number) [211] => * '''multiple''' – možnost vícenásobného výběru souborů (pro type=file) [212] => * '''pattern''' – maska povoleného vstupu ([[regulární výraz]]) [213] => * '''placeholder''' – tato hodnota se zobrazuje u nevyplněného prvku [214] => * '''required''' – vyžadováno [215] => * '''step''' – krok posunu při scrollování či posouvání (u numerických typů) [216] => [217] => ==== Datalist ==== [218] => Další funkcí formulářů je nový prvek , který pomocí parametru ''list'' prvku vytváří rozbalovací nabídku. [219] => [220] => Příklad: [221] => [222] => [223] => [224] => [229] => [230] => [231] => === Nová API === [232] => Kromě výše zmíněných funkcí HTML5 nově nabízí také možnost využít následující rozhraní pro programování aplikací. [233] => [234] => ==== Page Visibility API ==== [235] => Funkce umožňuje monitorovat, zda je stránka právě viditelná a daný element se uživateli zobrazuje či nikoliv, a na změnu viditelnosti reagovat a přizpůsobit se aktivitě uživatele.{{Citace elektronického periodika [236] => | příjmení = [237] => | jméno = [238] => | titul = HTML5, jak ho možná neznáte [239] => | periodikum = Ackee Blog [240] => | vydavatel = Ackee [241] => | url = https://www.ackee.cz/blog/html5-jak-ho-neznate/ [242] => | datum vydání = 2020-4-1 [243] => | url archivu = [244] => | datum přístupu = 2020-6-15 [245] => }} [246] => [247] => ==== Navigator API – Online/Offline ==== [248] => Funkce umožňuje zjistit, zda je uživatel připojen k síti (nikoliv k internetu). Odpověď true tedy nezaručuje, že je uživatel připojen k internetu, ale status false zaručuje, že uživatel připojen není. [249] => [250] => ==== Vibration API ==== [251] => Funkce umožňuje spustit na zařízení vibraci (např. při špatně vyplněném formuláři) nebo vytvořit znělku. [252] => [253] => ==== Credential Management API ==== [254] => Funkce umožňuje automatické přihlášení, aniž by uživatel musel v prohlížeči vyplňovat přihlašovací údaje. [255] => [256] => ==== Bluetooth API ==== [257] => Funkce umožňuje komunikovat s okolními zařízeními s aktivním Bluetooth Low Level Energy profilem. [258] => [259] => ==== Ambient Light API ==== [260] => Funkce umožňuje zjistit, jaké jsou světelné podmínky v okolí užívaného zařízení, a případně jim přizpůsobit uživatelské prostředí. [261] => [262] => ==== Gamepad API ==== [263] => Funkce poskytuje plnou podporu herních ovladačů, kterou lze využít například k ovládání herních postav, ale i webu. [264] => [265] => === Web Worker === [266] => Jako Web Worker se označuje skript, který lze spustit na pozadí stránky a jehož činnost nijak neomezuje běžné prohlížení a interakci na dané stránce. HTML5 umožňuje skriptově vytvářet a ukončovat Web Workera pomocí instance Worker() a ta zase dokáže posílat klientské stránce data, která mohou být zpracována (např. vypsána do nějakého elementu).http://www.w3schools.com/html/html5_webworkers.asp [267] => [268] => === Server-Sent Events === [269] => Server-Side Events (SSE) jsou události zasílané z klientské stránky serveru. Do jisté míry zastupují [[AJAX]], s tím rozdílem, že odpověď serveru se odesílá automaticky. HTML umožňuje vytvořit instanci SSE a poté reagovat na vytvoření spojení, zaslaný výstup nebo na chybu. [270] => [271] => == Reference == [272] => [273] => [274] => == Související články == [275] => * [[Hypertext Markup Language|HTML]] [276] => * [[HTML5 audio]] [277] => * [[HTML5 canvas]] [278] => * [[HTML5 mikrodata]] [279] => * [[HTML5 video]] [280] => [281] => == Externí odkazy == [282] => * {{Commonscat|HTML5}} [283] => * {{en}} [http://www.w3.org/TR/html5/ Technická specifikace] [284] => * {{en}} [http://www.w3.org/TR/html5-diff/ Článek o rozdílech mezi HTML5 a HTML4 od konzorcia W3C] [285] => * {{en}} [http://www.w3.org/html/logo/ W3C HTML5 Logo] – stránky W3C o propagaci HTML5 [286] => * {{en}} [http://www.html5rocks.com/en/ HTML5 Rocks] [287] => * [http://interval.cz/clanky/seznameni-s-html-5/ Seznámení s HTML5] [288] => [289] => {{Autoritní data}} [290] => {{Portály|Internet}} [291] => [292] => [[Kategorie:HTML5| ]] [293] => [[Kategorie:HTML]] [294] => [[Kategorie:Nově vznikající standardy]] [295] => [[Kategorie:Standardy W3C]] [296] => [[Kategorie:Značkovací jazyky]] [] => )
good wiki

HTML5

Logo HTML5 od W3C HTML5 je v informatice verze značkovacího jazyka HTML sloužícího pro tvorbu webových stránek. Finální specifikace byla vydána 28.

More about us

About

Expert Team

Vivamus eget neque lacus. Pellentesque egauris ex.

Award winning agency

Lorem ipsum, dolor sit amet consectetur elitorceat .

10 Year Exp.

Pellen tesque eget, mauris lorem iupsum neque lacus.

You might be interested in

,'WHATWG','HTML5 audio','HTML5 video','OSNews','HTML5 canvas','Ars Technica','Hypertext Markup Language','Soubor:HTML5-logo.svg','Soubor:HTML5 formuláře.png','Informatika','Kategorie:Standardy W3C','Značkovací jazyk'

Informatika