Přeskočit na hlavní obsah

Specifika XHTML

Pokud máte základní znalosti HTML jazyka, dovolím upozornit na nejdůležitělší rozdíly:

Uvozovky pro atributy

Oproti HTML musí být všechny hodnoty atributů v uvozovkách. Uvozovky je vhodné používat i v HTML, ale jejich nepoužití není chyba. Například HTML kód pro obrázek může být zapsán takto:

<img src=tojsemja.png width=150 height=400>

V XHTML musí být vždy použity uvozovky (eventuálně apostrofy):

<img src="tojsemja.png" width="150" height="400" />

nebo také:

<img src='tojsemja.png' width='150' height='400' />

Zákaz křížení tagů

Toto vlastně není změna, křížení tagů se nesmí ani v HTML. Zatímco ale většina internetových prohlížečů křížený zápis HTML přečtou a poradí si s ním, v XHTML je to striktně zakázáno a validátory epub souborů zahlásí chybu.

špatně:

<b><i>tučná kurzíva</b></i>

správně:

<b><i>tučná kurzíva</i></b>

Tagy a atributy jsou malými písmeny

V HTML je prakticky jedno, jak se střídají velikosti písmen v zápise (je non-case sensitivní). Naopak XHTML je jazyk case sensitivní a na velikosti písmen v něm záleží (jako v každém jiném XML). Ve specifikaci jazyka je předepsáno, že všechny tagy a atributy se píšou malými písmeny.

příklad správného XHTML zápisu:

<a href="...">Odkaz</a>

Ukončení i nepárových tagů

V HTML a XHTML je spousta tagů nepárových (např. <img>, <hr>, <br> a další). V XHTML musí být všachny tagy uzavřené, což znamená rozšíření na párový tag - například místo <hr> zapíšeme.

<hr></hr>

Není to však tak složité, jak to vypadá na první pohled. Oba tyto párové znaky lze zjednodušit - smrsknout na:

<hr />

Pro správný zápis je důležitá mezera před lomítkem. Zápis <hr/> je chybný a jeho čtení může chybovat (šlo by o neznámý nepárový tag).

Ač oproti HTML nejde o změnu, zdůrazňuji, že párové tagy (např. <p> - </p>, <table> - </table> a další) jsou párové povinně a všechny se musejí uzavírat a mít v dokumentu svůj protějšek.

Mezery a řádky

Když zapíšete v XHTML kódu více než jednu mezeru, budou všechny následující ignorovány → zobrazovat se bude pouze jedna.

Výběr specifik XHTML pro EPUB 2

Nejen základní rozdíly mezi HTML a XHTML je je nutné brát v potaz, i samotné použití XHTML pro EPUB 2 má svá specifika. O povolených elementech je následující kapitola, zde uvedu alespoň vybrané zdůraznění:

  • U obrázku musí být atribut alt.
  • Nepoužívá se element <font></font> - změny části textu doporučujeme řešit pomocí elementu <span></span> a následném stylování v css.

Komentáře

Populární příspěvky z tohoto blogu

Jak číst e-knihy

Už jsme si probrali, co je e-kniha, jaké mohou být formáty i jaké jsou  výhody elektronického čtení . V tomto textu projdeme možnosti čtení e-knih. Čtečka Čtečka je specializované zařízení pro čtení e-knih. Největší rozmach čteček byl současně s techlogií e-ink (též e-papír, digitální inkoust). Díky této technologii je čtení e-knih velmi podobné čtení knihám papírovým. Ač je čtečka díky e-ink většinou s černobílým displejem, má v porovnání oproti tabletům určité čtenářské výhody - malá hmotnost, dlouhá výdrž baterie i lepší čitelnost na slunci. Pro náročnější čtenáře je čtečka nadále ideální variantou. Na světovém trhu jsou však tyto zařízení na pomalém ústupu - přesto, že se vyvíjí nové modely s dalšími funkcemi, nemají uživatelé tendenci své zařízení často obnovovat. I přes dotykový displej, wi-fi, internetový prohlížeč, hry a další funkce, stále jde o zařízení specializované a mnoho čtenářů dává dnes přednost zařízením multifunkčním. Tablet, mobil Právě rozvoj tabletů a chytrých tel

Výhody a nevýhody čtení e-knih

Ač e-knihy a klasické knihy nestojí proti sobě a každý čtenář si může lehce rozhodnout jakým stylem si konkrétní obsah přečte (mnohdy čtenáři své priority střídají), pokusím se zde udělat malý výčet výhod a nevýhod čtení e-knih. Výhody Šetří místo a nic neváží . Výhoda viditelná i pro naprosté laiky. Do čtečky se vejde několik stovek (i tisíců) e-knih a váha, kterou nosíte s sebou či vezete na dovolenou, je rovná pouze váze čtecího zařízení. Přizpůsobitelnost vzhledu . To je asi největší výhoda elektronického čtení. Čtenář si může měnit velikost i druh písma, kontrast, a u tabletů i pozadí, podsvícení či různé filtry. Noční čtení . To souvisí s nastavením podsvícení. Noční čtení (zejména u softwarových čteček s možností filtru modrého světla) je pohodlnější, méně zatěžující pro oči i na vedle spící osobu. Předčítání . Je možné používat software pro převod textu do mluvené podoby (spíše u aplikací). To oceníte zejména při řízení, žehlení a podobně. Viditelnost . Žádné problémy se špatno

Struktura XHTML + základní tagy

Struktura XHTML dokumentu má základní rozdělení na dvě části - hlavička dokumentu ( head ) a tělo ( body ) dokumentu. V hlavičce jsou informace o stránce, kódování, odkazy na css styly či titulek. V těle je pak zobrazovaný obsah, který se skládá z několika dílčích částí (nadpisy, odstavce, tabulky a další). Dokument XHTML může mít následující skladbu: <?xml version='1.0' encoding='utf-8'?> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href="../Styles/styl.css" rel="stylesheet" type="text/css"> <title>Titulek stránky</title> </head> <body> <h1>Nadpis</h1> <p>První odstavec</p> <p>Druhý odstavec... <ul> <li>1. položka seznamu</li> <li>2. položka seznamu</li> </ul> <span>...text s odlišnými vlastnostmi</span> </p> </body> Tagy pro EPUB 2 Zde je přehled základních