No Future
Weblog přesunut na atd.havrlant.net
Posunutá sémantika
31 leden 2006, 18:04
rubrika XHTML-semantika
Přestože HTML 4.01 obsahuje celkem 91 elementů, není možné jimi popsat všechny části kódu tak, aby to bylo naprosto správné. Proto je potřeba někdy trochu přimhouřit oko a drobně posunout význam jednotlivých elementů.
Patička stránky
Pro vyznačí patičky se asi nejčastěji využívá zápis <div
id="footer"> případně <p id="footer"> (viz nedávný
průzkum). Připravovaný neoficiální návrh HTML 5 již obsahuje
značku <footer>, bohužel my ji však ještě využít
nemůžeme. Jistá alternativa se proto skrývá v tomto zápisu.
<p><small>copyright apod.</small></p>V současné době mne lepší způsob zápisu patičky nenapadá.
Zeslabení důrazu
HTML zná dvě sémantické značky pro zesílení důrazu. Jsou jimi značky
<strong> a <em>. Avšak pokud chcete
důraz naopak snížit, ocitáte se ve slepé uličce. Žádná značka pro
tento účel v HTML neexistuje. Nejblíže podobná ji pak nejspíše bude
opět značka <small>. Pokud to bude uprostřed odstavce, dá
se použít samotná, jinak ji budete muset opět obalit nějakým blokovým
elementem. Pokud tedy chcete do stránky vepsat nějakou drobnou poznámku, asi
bude opět nejlepší použít kód jako s patičkou.
Vyznačení Accesskey
Pokud umožňujete ovládat jednotlivé odkazy pomocí klávesových zkratek, měli byste také vyznačit, pro které znaky se zkratky vztahují. Na webu se obecně používají dva způsoby – buď číselné, které se snaží být jednotné nebo pomocí písmen (například počátečních písmen v daném odkazu). Tyto písmena se poté sluší nějak označit, většinou se použí zápis v tomto stylu:
<a href="index.html" style="text-decoration:none">
<span style="text-decoration:underline">H</span>omepage
</a>Samozřejmě obvykle bývá použit externí stylopis. Není ovšem žádný
problém namísto neutrální značky použít element <u>,
asi takto:
<a href="index.html">
<u>H</u>omepage
</a>Kód se tím zkrátí, sémantika neutrpí. V zásadě je už jedno, jestli použijete neutrální element nebo prezentační element, který plní naprosto stejnou funkci a bez stylů se zobrazí stejně.
WWW adresy
Pro www adresy ve skutečnosti element existuje, jen mi přijde, že se
nepříliš využívá či že je jeho takovýto význam nepříliš známý.
Respektive já jsem si ho nikdy neuvědomil :-). Jedná se tedy o element
<code>, jemuž specifikace přisuzuje význam
počítačového kódu. A webová adresa podle mého názoru pod
počítačový kód spadá. Element <code> se dá dále
využít třeba na názvy souborů (což je vlastně součást té adresy,
nemusí se jednat pouze o www adresu, může klidně jít i o adresu
na lokálním disku).
Klávesové zkratky
Pro vyznačení klávesových zkratek se dá využít nepříliš
používaný element <kbd>, jehož původním účel stejně
byla navigace uživatele. HTML 5 pak na toto zmiňuje krásný
příklad s dvěma vnořenými elementy <kbd>,
posuďte sami:
<p>K zavření aplikace použijte klávesovou zkratku <kbd><kbd>Alt</kbd> + <kbd>F4</kbd></kbd>.</p>Trošičku už to jde do extrému, ale určitě je to zajímavý způsob, který se dá v praxi využít.
Zkratky
Ohledně zkratek toho už bylo dosti naflamováno, nebudu se přidávat, spíše zmíním způsob, který nezdá se mi tak tradiční a hlavně se týká spíše vysvětlování zkratek. Takže pokud přímo ve větě vysvětlujete význam nějaké zkratky, měl by zápis vypadat takto:
<p><dfn><abbr title="Hypertext Markup Language">HTML</abbr></dfn> je značkovací jazyk vyvinut pro popis webových stránek.</p>V podstatě všechno a ještě mnohem více najdete na webu WHATWG, stojí za to si to pročíst, některé postřehy jsou opravdu vynikající.
komentáře
Hledej na weblogu:
Ereses
— 31. leden 2006, 20:13
Pokud jde o patičku, bývají v ní většinou umístěny e-maily a jiné kontakty; tady používám
address. Vzhledem k tomu, že jde o prvek blokový, je to (b)IMHO velmi vhodné použití.— 31. leden 2006, 20:27
Miloš: Ano, to je také možnost. Teoreticky by se to dalo opět zkombinovat.
<address><small>nějaké ty kontakty v patičce</small></address>.