Vysoká škola ekonomická v Praze Fakulta informatiky a statistiky Vyšší odborná škola informačních služeb v Praze
Natalya Goncharova Tvorba webu pomocí HTML 5.0. Bakalářská práce
2012
PROHLÁŠENÍ
Prohlašuji, že jsem bakalářskou práci na téma “ Tvorba webu pomocí HTML 5.0.” zpracovala samostatně a použila pouze zdrojů, které cituji a uvádím v seznamu použité literatury.
V Praze dne 21.05.2012
Podpis
ANOTACE Předložená bakalářská práce je zaměřena na srovnání dvou značkovacích jazyků HTML 4.01 a HTML 5.0. Práce je rozdělena na teoretickou a praktickou část. Teoretická část obsahuje obecný přehled historického rozvoje značkovacího jazyka, popis nových elementu a sféry jejích použití. Obsah teoretické části tvoří také popis fungování webu na úrovních protokolů a vysvětluje jednotlivé pojmy spojené s webem. Praktická část této bakalářské práce zahrnuje rozsáhlý popis samotné tvorby webu. Zjištěni účelu a obsahu webu, grafického řešení, tvorbu stránek v HTML 5.0 a porovnávání kódu s jeho dřívější verzi HTML 4.01. Dále se zabývá spojováním HTML a CSS, hledáním vhodného redakčního systému a samotnou implementací webu na vybraný redakční systém.
The present thesis focuses on the comparison of two markup languages HTML 4.01 and HTML 5.0. The work is divided into theoretical and practical part. The theoretical part contains a general overview of the historical development of the markup language description of the new elements and spheres of its use. The content of the theoretical part consists of a description of the operation site at the protocol level and explains the various concepts associated with the web. The practical part of this thesis includes an extensive description of the work site. Determining the purpose and content of the web, graphics, creating pages in HTML 5.0 and comparing the code with the earlier version of HTML 4.01 It also deals with linking HTML and CSS, finding a suitable content management system and the actual implementation of the selected web content management system.
1 Obsah 1
Obsah ............................................................................................................... 4
2
Úvod ................................................................................................................. 7
3
Historie HTML ................................................................................................... 9 3.1
MIME typy.................................................................................................. 9
3.2
Historie HTML5 .......................................................................................... 9
3.3
Chronologie rozvoje HTML od roku 1997 do 2004 ................................... 11
4
XHTML ........................................................................................................... 13
5
What Working Group? .................................................................................... 15 5.1
6
7
5.1.1
Režim kompatibility. .......................................................................... 16
5.1.2
Standardní režim .............................................................................. 16
5.1.3
Částečně standardní režim ............................................................... 16
World Wide Web ............................................................................................. 17 6.1
WWW a internet ...................................................................................... 17
6.2
Běžné služby nabízené Internetem .......................................................... 18
Protokoly ........................................................................................................ 20 7.1
8
MAC adresa síťové karty ......................................................................... 21
Základní pojmy a zkratky ................................................................................ 22 8.1
9
DOCTYPE ............................................................................................... 15
Webhosting.............................................................................................. 23
Nové elementy v HTML5. ............................................................................... 23 9.1.1
<section> .......................................................................................... 23
9.1.2
< nav > ............................................................................................. 24
9.1.3
<article>............................................................................................ 25
9.1.4
< aside>............................................................................................ 25
9.1.5
.......................................................................................... 26 .......................................................................................... 26. [1] Tony Johnson to doplnil argumentem NAME= „name“. Funkčnost zůstala skoro stejná. Myšlenka parametru „name“ umožnila prohlížeči nainstalovat vložené obrázky. [2] Např. Byla přidána možnost použití obrázku jako odkaz na jiný soubor přidáním . Např. , a (procedurový režim vykreslování bitmap a grafických primitiv). [1]Nějaký nadpis (jakékoli úrovně) obsah
Prohlížeče Internet Explorer až do verze 8.0 ignoruje značky <section>, ale zobrazí její obsah. Také v tomto prohlížeči, nefunguje použití stylů pro <section>. Firefox plně podporuje tento tag od 3.0 verze. [5] představuje oddíl navigačních odkazů obsahující odkazy na jiné stránky. Ne všechny skupiny odkazů musejí být v tagu - jen oddíly skládající se z hlavních bloků směrování. Se spodní části webových stránek je obvykle jsou stručný seznam odkazů, například: podmínky služby, odkaz na hlavní stránku s autorskými právy. V těchto příkladech stačí použití tagu , bez použití . [13] [5] Element je párový. Příklad použití: nav About HTML 5 | | WWW Let’s start! Prohlížeče Internet Explorer až do verze 8.0 ignoruje značky , ale zobrazuje její obsah. Také v tomto prohlížeči, nefunguje použití stylů pro <article>. [5] Firefox plně podporuje tento tag od 3.0 verze. [5]Obsah, nebo popis článku.
Prohlížeče Internet Explorer až do verze 8.0 ignoruje značky <article>, ale zobrazuje její obsah. Také v tomto prohlížeči, nefunguje použití stylů pro <article>. Firefox plně podporuje tento tag od 3.0 verze. [5] lze použít například pro boční panel na stránce, reklamy, navigace přes a další obsah, který je považován za oddělený od hlavního obsahu stránky. Tato jednotka se obvykle jmenuje "Postranní panel" nebo "sidebar". Element je párový. [13] [5] aside <script> document.createElement('aside'); document.createElement('article'); <article> 25, ale zobrazí její obsah.Také v tomto prohlížeči, jsou všechny styly nejsou aplikovány na prvek, dokud není vytvořen pomocí skriptu, jak je uvedeno v příkladu. Firefox plně podporuje tento tag od 3.0 verze. [5] Element určuje název sekce a používá se pro seskupení několika tagů. Titul lze členit do šesti úrovní. Nějvyšší je , nejnišší je . Element se používá, pokud titul obsahuje několik úrovní, jako jsou alternativní názvy položek, nebo slogany. Element je párový. [13] [5] Příklad použití: <article> Nadpis první úrovně Nadpis druhé úrovně Obyčejně, obyčejný text
Prohlížeče Internet Explorer až do verze 8.0 ignoruje značky , ale zobrazí jejich obsah. Firefox plně podporuje tento tag od 3.0 verze. [5] Prvek definuje záhlaví oddílu, která může mít více, než jenom název oddílu. Například má smysl pro záhlaví přidat podtitul, informaci o verzi historie a autorství. [13] [5] Je skupina úvodních nebo navigačních zařízení. Lze je využit v článku pro vložení nadpisu, spolu s obsahem jako navigační pomůcky pro článek. Element také může být použit na obal část obsahu, uživatelské rozhraní, vyhledávací formulář, nebo jejich loga. Prvek nesmí být potomkem elementů header, address a footer. [13] [5] 26Obsah nebo popis článku
představuje patičku své sekce nebo patičku celé stránky. Element obvykle obsahuje informaci o sekci, například: jméno autora, odkazy na dokumenty, autorská data atd. Zápatí nemusejí být zobrazeno na konci stránky, jak se to obvykle provádí. Element je párový. [13] [5] Příklad použití: footer <article> History of HTML5
Copyright Natalya Goncharova 25.března 2012 25.března 2012 ve 16:05 25.března 2012 ve 16:05 v Tokiu Prohlížeče, které nepodporují příkaz tag zobrazí jeho obsah. Prohlížeče s podporou stykových tagu mohou uvádět pro element stylové zobrazení. [13]mark <article> Tag mark se používá při <mark> zvýraznění nebo označení zvýraznění nebo označení určitého textu. 
Vývojáři HTML diskutovali o tom, jak definovat typ souboru, který by tam vkládaly, protože by to také mohl být nějaký audio nebo video soubor. Jeden ze způsobů je: