Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Internetové publikování XHTML – elementy, atributy, entity
N Internetové publikování 3. XHTML – atributy, další elementy, entity Struktura XHTML stránky <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Prolog XML Definice typu dokumentu – použitý standard Vlastní dokument
N Internetové publikování 3. XHTML – atributy, další elementy, entity Definice Typu Dokumentu »Určuje standard podle kterého je dokument psán »Vymezuje elementy, které se mohou použít »Určuje pravidla vnoření elementů
N Internetové publikování 3. XHTML – atributy, další elementy, entity Definice Typu Dokumentu »Transitional (volnější) » <!DOCTYPE html » PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" » " »Strict (přísnější, nepovoluje HTML formátování ) » <!DOCTYPE html » PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" » " »Frameset (rámce » <!DOCTYPE html » PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" » "
N Internetové publikování 3. XHTML – atributy, další elementy, entity Vlastní dokument – element Vlastní dokument – element »Musí obsaovat deklaraci jmenného prostoru xmlns= »Pokud se deklarace vynechá nedochází k problémům, jedná-li se o čisté XHTML......
N Internetové publikování 3. XHTML – atributy, další elementy, entity Prolog XML »Určuje verzi XML a kódování pro programy které by dokument zpracovával jako XML »Není povinná, ale některé editory (PSPad) ji vkládají »Může působit problémy na některých instalacích MSIE »Doporučení: neuvádět/smazat „Deklarace XML není vyžadována ve všech XML dokumentech; nicméně doporučujeme všem XHTML autorům používat XML deklaraci ve všech svých dokumentech. Takováto deklarace je potřebná, je-li kódování dokumentu jiné než UTF-8 nebo UTF-16 a nadřazeným protokolem nebylo určeno jiné. Toto je ukázka XHTML dokumentu, obsahujícího XML deklaraci.“
N Internetové publikování 3. XHTML – atributy, další elementy, entity Standardní atributy »Lze je použít pro všechny elementy s výjimkou base, head, html, meta, param, script, style a title »Zjednodušeně: lze je použít u všech viditelných elementů
N Internetové publikování 3. XHTML – atributy, další elementy, entity Standardní atributy »class – definuje třídu (skupinu) elementů do které element patří »id – přiřazuje elementu unikátní identifikátor („pojmenovává jej“) »style – umožňuje přímo vepsat styl elementu »Výše uvedené atributy mají význam pro aplikaci stylů (vzhledu, umístění) a nastavení dynamického chování »title – definuje popisek elementu, který se zobrazí v bublině, ukáže-li se na element myší
N Internetové publikování 3. XHTML – atributy, další elementy, entity Jazykové atributy »Lze je použít pro všechny elementy s výjimkou base, br, frame, frameset, hr, iframe, param a script »dir – nabývá hodnot ltr | rtl a určuje směr toku textu zleva doprava nebo zprava doleva »lang – identifikuje jazyk ve kterém je psán obsah elementu
N Internetové publikování 3. XHTML – atributy, další elementy, entity Kódování znaků »Počítače přirozeně pracují pouze s čísly »Zprostředkování práce se znaky »definice párování číslo ~ znak »soubor definic = kódová stránka, kódování »počet znaků které může kódování obsahovat = 2 bity »Původní kódování – ASCIIASCII »7 bitové, 128 znaků
N Internetové publikování 3. XHTML – atributy, další elementy, entity Kódování znaků »Osmibitová rozšíření – 256 znaků »různá kódování pro různé jazyky podle různých standardů »Různá kódování češtiny »CP852 »osmibitové kódování češtiny v systému MS-DOS »ISO »osmibitové kódování češtiny v UNIXových systémech »Windows-1250 »osmibitové kódování češtiny používané v systémech Microsoft Windows
N Internetové publikování 3. XHTML – atributy, další elementy, entity Kódování znaků »Nelze použít více kódování najednou »Vícebytová kódování (vícekrát 8 bit na 1 znak) »utf-8 »proměnná délka jednotky, min 8 bitů »kompatibilní s ASCII »utf-16 »proměnná délka jednotky, min 16 bitů »nekompatibilní s ASCII, varianty »další, např. kódování čínštiny
N Internetové publikování 3. XHTML – atributy, další elementy, entity Nastavení kódování »Specifikace použitého kódování v dokumentu » »Specifikace kódování před/při uložení souboru
N Internetové publikování 3. XHTML – atributy, další elementy, entity …Nastavení kódování »Kódování souboru »Určuje fyzický způsob reprezentace znaků neobsažených v ASCII v souboru »Označení kódování v dokumentu »Informuje prohlížeč a umožňuje mu automaticky zvolit správné zobrazení »Obě kódování musí být nastavena stejně
N Internetové publikování 3. XHTML – atributy, další elementy, entity Prvky HTML jazyka »Znakové entity »Znaky které neumíme zadat z klávesnice »Znaky jejichž použití je vyhrazeno HTML », & »Příklad » &název_entity; » >> » << » && » “" » Pevná mezera » &#číslo_unicode_znaku; » ←← »Й Й
N Internetové publikování 3. XHTML – atributy, další elementy, entity Prvky HTML jazyka »Entity definované XHTML » » » »Přehlednější v češtině (písmenné) » »
N Internetové publikování 3. XHTML – atributy, další elementy, entity Prvky HTML jazyka »Entity zadané číslem znaku v tabulce UNICODE »Seznam znaků » »Tyto znaky se zobrazí správně pokud je podporuje prohlížeč a jsou dostupné v použitém fontu
N Internetové publikování 3. XHTML – atributy, další elementy, entity Tvořte validní kód »Zvykněte si u každé stránky,kterou vytvoříte ověřit její validitu » »Validace uploadem souboru nemusí fungovat správně při použití MSIE
N Internetové publikování 3. XHTML – atributy, další elementy, entity Publikace stránky na WWW »Návod na publikaci na serveru VŠCHT » omeadresarehttp:// omeadresare
N Internetové publikování 3. XHTML – atributy, další elementy, entity Tabulky záhlaví sloupce 1 záhlaví sloupce 2 buňka 1 buňka 2 buňka 3 buňka 4
N Internetové publikování 3. XHTML – atributy, další elementy, entity Strukturování Sklizeň ovoce Hrušky Jablka Celkem Petr 10 Pavel 15 7
N Internetové publikování 3. XHTML – atributy, další elementy, entity Rozměry tabulky Implicitní chování 1. buňka 2. trochu větší buňka Pevná šířka 1. buňka 2. trochu větší buňka Šířka v % okna 1. buňka 2. trochu větší buňka
N Internetové publikování 3. XHTML – atributy, další elementy, entity Ohraničení tabulky Bez okraje 1. buňka 2. buňka 3. buňka 4. buňka S okrajem 1. buňka 2. buňka 3. buňka 4. buňka Vnější okraj tabulky 1. buňka 2. buňka 3. buňka 4. buňka Vnitřní okraj tabulky 1. buňka 2. buňka 3. buňka 4. buňka
N Internetové publikování 3. XHTML – atributy, další elementy, entity Zarovnání tabulky Vodorovné zarovnání buňka zarovnaná vlevo buňka zarovnaná vpravo buňka zarovnaná na střed buňka zarovnaná do bloku Svislé zarovnání buňka zarovnaná nahoru buňka zarovnaná na střed buňka zarovnaná dolů buňka zarovnaná na základní čáru
N Internetové publikování 3. XHTML – atributy, další elementy, entity Sloučení buněk tabulky buňka buňka buňka buňka buňka expandovaná buňka buňka buňka buňka buňka buňka buňka buňka