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

Vydání e-knihy nakladatelem

Pokud jako autor máte rukopis, který byste rád vydal, máte několik možností. Rozhodnutí, kterou cestou se vydat závisí na tom, jaký jsem sám obchodník, kolik knih plánujete prodat a dalších faktorech. V tomto článku si povíme o možnosti vydání přes nakladatele. Poznámka: rukopis Slovem "rukopis" se v souvislosti s nakladatelskou praxí označuje text odevzdaný nakladateli za účelem přípravy publikace. V minulosti byl psán ručně nebo na psacím stroji a odtud pramení toto označení, ač v současnosti je standardně dodáván ve formě textového souboru. S rozvojem e-knih se autorům ulehčují prakticky všechny možné cesty, jelikož náklady oproti tištěným knihám jsou menší a tedy s vydáním se méně riskuje. Na druhou stanu snáze kniha zapadne v množství vydaných knih. Níže trochu nastíním některé možné cesty, jak dostat knihu "do světa". Výhody spolupráce s nakladatelstvím Autor chce hlavně psát a okolní činnosti jsou pro něj často zdržující a zatěžující. To je hlavní dů

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

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