html - Český HTML 5 manuál

HTML a CSS Manuál HTML struktura html - Český HTML 5 manuál

Tag <html> obaluje celý HTML dokument, který je dále rozdělen na hlavičku (ta obsahuje informace hlavně pro prohlížeč) a tělo, kde je uložen fyzický obsah dokumentu.

Atributy

Můžeme uvést atributy:

manifest

Obsahuje umístění manifestu pro cache. HTML 5 totiž přichází s možností cachování obsahu stránky pro zrychlení načítání. Toto cachování se určitě hodí pro webové stránky s delšími články. Do atributu se píše odkaz na manifest. Doporučená přípona souboru manifestu je .appcache.

Udělejme si menší ukázku. Nejdříve si deklarujeme manifest např. pod názvem nacist.appchache:

CACHE MANIFEST
obrazky/obrazek.jpg

Poté si vytvoříme HTML soubor, který bude využívat manifest:

<!DOCTYPE html>
<html manifest="nacist.appchache">
        <head>
                <title>Stránka používající manifest</title>
                <meta charset="UTF-8">
        </head>
        <body>
                <p>Tuto stránku je možné prohlížet po zacachování v offline režimu.</p>
                <img src="obrazky/obrazek.jpg" alt="Obrázek" />
        </body>
</html>

Pokud se návštěvníkovi stránka uložila do cache, může si ji poté zobrazit v offline režimu, kdy se mu načte i obrázek, který jsme definovali v manifestu. Krom obrázků můžete cachovat např. JS či CSS soubor.

xmlns

Pokud si přejeme používat raději XML a XHTML syntaxi, můžeme napsat doctype následujícím způsobem:

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">

Taková syntaxe je však na větší rozebrání než zde v manuálu u jednoho atributu.

Použití

<!DOCTYPE html>
<html>
        <head>
        </head>
        <body>
        </body>
</html>

 

  Aktivity (1)

Manuál pro vás napsal IT Man
Avatar
Autor se primárně věnuje vývoji webových stránek v PHP a v JavaScriptu (knihovna jQuery). Napsal část manuálu HTML 5 a CSS 3, kde má celkem velký přehled. Jednoduše má v oblibě weby.

Miniatura
Všechny články v sekci
HTML struktura - Český HTML 5 manuál

 

 

Komentáře
Zobrazit starší komentáře (3)

Avatar
IT Man
Redaktor
Avatar
IT Man:

Děkuji za tip, já se moc o XML nezajímám a tohle ani nevím. Posláno k editaci. :)

Odpovědět  ±0 30.8.2015 20:52
Když nevíš jak dál, podá ti ruku někdo, od koho by jsi to nečekal. A tu šanci musíš přijmout!
Avatar
Tomáš123
Člen
Avatar
Tomáš123:

Beriem.

Čo sa potom používa dnes. Stále je to <img .. />.
Nerozumiem, ako XHTML používa XML. Má vlastnú syntax. XML je vzdialený predok.

jak se** to** má používat.

Čo to? Veď s XHTML to nemá spoločné nič. Je to základný strom dokumentu.

Odpovědět  -1 30.8.2015 20:56
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Odpovídá na Tomáš123
Michal Žůrek (misaz):

Rozdíl mezi HTML a XHTML je v tom, že XHTML by mělo splňovat standarty XML (být XML validní). Podívej se na wikipedi https://cs.wikipedia.org/…kup_Language tam dole je příklad XML na prvním řádku je DOCTYPE podle XML a kořenový element receptu, to je vše co je v XML povoleno, nic navíc tam být nemůže.

Je třeba dodat, že třeba tato definice obrázku IMG

<img src="foo.png" alt="bar">

by měla být v HTML validní a v XHTML nevalidní, protože ji chybí koncová značka.

HTML je v podstatě takové volnější XHTML.

Odpovědět  +1 30.8.2015 21:03
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na Michal Žůrek (misaz)
Michal Žůrek (misaz):

I když, možná se v XHTML musí uvést ještě DOCTYPE, podle kterého se definuje, které DTD se má použít´. i když mi to moc nedává smysl.

Odpovědět 30.8.2015 21:06
Nesnáším {}, proto se jim vyhýbám.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Michal Žůrek (misaz)
Tomáš123:

HTML je v podstatě takové volnější XHTML.

Nie, XHTML je striktnejšie HTML. Vzniklo ďaleko po ňom. Viď: http://webylon.info/K.08 o vzniku XHTML.

Odpovědět 30.8.2015 21:10
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Odpovídá na Tomáš123
Michal Žůrek (misaz):

možná si ještě musíme upřesnit co považujeme za HTML. Pokud HTML, které bylo ještě číslované (toť HTML 4.01 a starší), apk máš pravdu. Ale nové html (označuje se většinou 5) vzniklo až po XHTML. Resp. jeden z důvodu vzniků HTML5 je že XHTML bylo příliš striktní a nikdo v něm nechtěl dělat a ti co chtěli to neuměli pořádně (proto se taky psaly weby namísto tehdy "moderního" XHTML v starém HTML 4.01).

Odpovědět 30.8.2015 21:16
Nesnáším {}, proto se jim vyhýbám.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Michal Žůrek (misaz)
Tomáš123:

Ono sa musí v hlavičke dokumentu explicitne prepnúť mime typ dokumentu na application/xhtml+xml.

Odpovědět 30.8.2015 21:17
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Odpovědět 30.8.2015 21:18
Nesnáším {}, proto se jim vyhýbám.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Michal Žůrek (misaz)
Tomáš123:

Nemyslím si, že to bol dôvod vzniku HTML5. Ako vidíš v článku, autori XHTML si od neho sľubovali pokrokový jazyk. Prvá verzia bola ale totožná s tamojším HTML a ďalší veľký pokrok nepriniesol. Iba ak problémy (mobilné prehliadače nepodporovali XHTML vôbec). Ako to bolo s HTML5 a okolnosťami jeho vzniku netuším. Pohľadaj na webylone, určite niečo nájdeš :-). Nesúhlasím ale s tým, že vznikol preto, lebo XHTML bolo príliš striktné a ľudia v ňom nechceli kódovať. XHTML si užilo pár minút slávy, ale prepadlo zrejme kvôli zlej kompatibilite.

Musím poznamenať, že sa nevyznám v histórii jazykov. Keď sa všetko vyvíjalo, ešte som sa o to nezaujímal a mnohé prepásol. Môžem iba parafrázovať.

Odpovědět 30.8.2015 21:25
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Michal Žůrek (misaz):

HTML5 vznikalo z více důvodů. XHTML byl jedním z nich. Hezky je to popsané v již stařičké knize http://knihy.cpress.cz/html5.html

Odpovědět 30.8.2015 21:30
Nesnáším {}, proto se jim vyhýbám.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 13. Zobrazit vše