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

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

CSS vlastnosti pro EPUB2

Pokud jste již pochopili  Základní principy CSS , pojďme projít jednotlivé prvky, které můžeme v CSS nastavit. Poznámka: strany prvků U některých prvků (rámečka, okraje) je možné zapsat rozdílné hodnoty pro jednotlivé strany tím, že napíšou za sebe - odělené mezerou. Strany se zapisují v pořadí po směru hodinových ručiček: horní, pravý, spodní, levý . Rozměry Pro zadání rozměrů slouží zápisy widht a height . U obojího lze zadat i minimální či maximální rozměr. Hodnotou je číslo s jednotkou. jednotlivé zápisy vlastností pro rozměr jsou: width (šířka), min-width (minimální šířka), max-width (maximální šířka), height (výška), min-height (minimální výška), max-height (maximální výška) číslo s jednotkou Rámečky Vlastnosti rámečků lze zadat pomoví border (všechny vlastnosti najednou), nebo pomocí jednotlivých vlastností border-width, border-style,border-color . border Jednotlivé vlastnosti se oddělují mezerou, taktéž lze naráz mezerou oddělit vlastnosti pro jednotlivé stra

O formátu EPUB

Formát EPUB je v současné době nejrozšířenější a nejpodporovanější formát pro e-knihy, proto mu budu věnovat nejvíce prostoru. EPUB (Electronic PUBlication) otevřený formát vytvořený speciálně pro e-knihy podle standardu organizace International Digital Publishing Forum ( IDPF ). Přípona souboru je .epub a ve skutečnosti se jedná o přejmenovaný soubor .zip se specifickou adresářovou a souborovou strukturou. EPUB využívá jazy XHTML včetně stylování a vkládání multimediálních souborů. Verze formátu EPUB: EOB (Open eBook) - 1999 EPUB 2 - 2007 EPUB 2.0.1 - 2010 EPUB 3 - 2011 EPUB 3.0.1 - 2014 EPUB 3.1 - 2017 Základní struktura Soubor EPUB "sbaluje" několik souborů uložených ve složkách jako formát *.zip. Základní struktura sbalených souborů pak pro EPUB 2 vypadá takto: Pojďme si nyní uvedený strom projít trochu podrobněji. Soubor minitype Jedná se malý soubor v kořenovém adresáři. Soubor obsahuje jediný řádek v tomto tvaru: application/epub+zip Adresář META-INF V tomto adresáři j