Sémantika (X)HTML dokumentu II.
V minulém zápisku jsem vám prozradil, co to vlastně ta sémantika je, a nastínil, proč je důležitá. Jen bleskové resumé: sémantika v (X)HTML se zabývá významy jednotlivých tagů. Dnes bych vám chtěl ukázat pár značek definovaných ve striktní formě XHTML 1.0, které pravděpodobně každý den nepoužíváte. Je docela možné, že některé z nich ani nebudete znát. A přesto jsou v prohlížečích bezchybně implementovány a nabízejí různé zajímavé (až exotické) významy. Budeme se bavit o této partě: del, ins, bdo, tt, dfn, code, samp, kbd, var, dl, dd, dt a address. Jak vidíte, nebude toho vůbec málo, proto směle do toho.
del a ins
Tyto tagy slouží k označení textu, který byl z dokumentu dodatečně vyškrtnut či byl do něj dodatečně připsán. Oba znají nepovinné atributy datetime a cite. Pomocí datetime říkáte, kdy byl daný text vyškrtnut/doplněn, cite zase slouží k odkázání na jiný dokument, kde jsou tyto změny zdůvodněny.Zápis může být například takovýto:
... automobil <del datetime"20051103" cite="http://server.cz/vysvetleni-smazani.html">šel ztěží</del> <ins datetime="20051103" cite="http://server.cz/vysvetleni-vlozeni.html">už nešel</ins> nastartovat...
Takový kód se vykreslí následovně: … automobil šel ztěží
už nešel
nastartovat…
bdo
Tag bdo dovoluje určit směr textu. Atribut dir může nabývat dvou hodnot: rtl (right to left, zprava do leva) a ltr (left to right, zleva do prava). V češtině pravděpodobně své místo nevyválčí, ale pro prezentaci např. hebrejských textů je užitečný.Zápis:
<bdo dir="rtl">Obrácený text</bdo>
Vykreslení: Obrácený text
Zápis:
<tt>Teletype</tt>
Vykreslení: Teletype
dfn
Tag dfn slouží ke zvýraznění prvního výskytu každého odborného termínu, o němž se pojednává, například ve vědeckém textu.Zápis:
<dfn>Corpus callosum</dfn>
Zápis:
Systém potom vypíše: <samp>Program provedl neplatnou operaci…</samp><br />
Je to způsobeno tímto řádkem kódu: <code>_provedu_neplatnou_operaci(bool Ano) { if (Ano || !Ano) { print "Program..." } }</code>
Vykreslení:
Systém potom vypíše: Program provedl neplatnou operaci…
Je to způsobeno tímto řádkem kódu:
_provedu_neplatnou_operaci(bool Ano) { if (Ano || !Ano) { print
„Program…“ } }
kbd
Tag kbd je dalším ze skupiny neobvyklých návštěvníků webových stránek. Kodéři jej nechávají být a on na oplátku nechává být kodéry. Ideální symbióza. Nicméně, chcete-li právě Vy být tím drábem, který jej donutí se opět sehnout pod drsnou rukou kodérovou, tak vězte, že kbd slouží k označení textu, který má být zadán uživatelem. Nabízí se otázka, k čemu to je? Napadá mne například využití v on-line za ručičku vodících tutoriálech, které velice často obsahují pasáže, jež uživatele vybízejí k zadání určitého textu, kupříkladu do příkazové řádky.Zápis:
Do příkazové řádky napište <kbd>sušenka</kbd>.
Vykreslení: Do příkazové řádky napište sušenka.
var
Tag var využijí jen a pouze programátoři. Slouží k označení proměnné programu.Zápis:
Po chycení tygra nastavte proměnnou <var>$spadla_klec</var> na hodnotu 1.
Vykreslení: Po chycení tygra nastavte proměnnou $spadla_klec na hodnotu 1.
dl, dt, dd
Tagy dl, dt a dd vytvářejí seznam definicí. Určitě znáte dva základní typy seznamů: číslovaný (<ol>) a nečíslovaný (<ul>). Možná si však nejste jistí, k čemu slouží tento třetí. Mějme tři zvláštní termíny z oboru, kterému vůbec nerozumíte. Musím si být jistý, zvolím tedy termíny z oboru nonverbální komunikace – haptika, proxemika, posturika. Mým úkolem je teď ke každému přiřadit krátký vysvětlující popisek. Nejlépe mi k takovému účelu poslouží právě seznam definic. Tag dl poslouží úplně stejně jako třeba ol u číslovaných seznamů, obepne celý seznam. Tag dt bude obsahovat neznámý pojem a konečně tag dd obsahuje vysvětlení pojmu. Pro můj konkrétní příklad by tedy zápis vypadal takto:Zápis:
<dl>
<dt>Haptika</dt>
<dd>Nonverbální komunikace zabývající se doteky</dd>
<dt>Proxemika</dt>
<dd>Nonverbální komunikace zabývající se vzdáleností komunikujících osob</dd>
<dt>Posturika</dt>
<dd>Nonverbální komunikace zabývající se polohou těla, postojem</dd>
</dl>
Vykreslení:
- Haptika
- Nonverbální komunikace zabývající se doteky
- Proxemika
- Nonverbální komunikace zabývající se vzdáleností komunikujících osob
- Posturika
- Nonverbální komunikace zabývající se polohou těla, postojem
address
Tag address slouží k označení (libovolné) adresy či signatury (většinou autora dokumentu). Myšleno tím reálné adresy, nikoliv elektronické. Součástí signatury e-mail být samozřejmě může.Zápis:
<address>
MVDr. Ing. Bác.<br />
Vlastimila Proutníčková<br />
Mrtvolná 17<br />
Hroby, 391 55<br />
</address>
Děkuji vám za přečtení, tímto uzavírám druhou kapitolu svého krátkého pojednání o sémantice. Budu rád, když se vyjádříte v komentářích.