XHTML - logické značky textu
Peter Druska / 17. 11. 2006, 00:00
V tejto časti obľúbeného seriálu si povieme niečo o značkách, ktoré sa používajú v XHTML dokumente pre logické usporiadanie jednotlivých častí textu.
Párové značky abbr a acronym
Slúžia na vysvetlenie použitých skratiek na webovej stránke.
Napríklad, ak chceme vysvetliť, čo znamená jednoslovná skratka XHTML, nenapíšeme do textu celý význam: eXtensible HyperText Markup Language, ale použijeme zápis:
<acronym title="eXtensible HyperText Markup Language">XHTML</acronym>
Vykreslenie vyzerá takto: XHTML
Pre viacslovné skratky použijeme značku abbr. Napríklad pre výraz napr. kt. zapíšeme do XHTML:
<abbr title="napríklad ktorý">napr. kt.</abbr>
Vykreslenie: napr. kt.
Pozor! Značku abbr nevie vykresliť prehliadač Internet Explorer 6 a menej. Internet Explorer 7 a ostatné bežné prehliadače ju vykresliť vedia.
Nepárová značka br
Táto značka spôsobuje zalomenie textu na nový riadok. Napríklad:
Ahoj,<br /> ako sa máš..?
Vykreslenie:
Ahoj,
ako sa máš..?
S touto značkou treba narábať opatrne, pretože môže do značnej miery zneprehľadniť náš kód na stránkach. Niektoré veci sa dajú nastaviť aj pomocou CSS. Platí pravidlo: radšej menej, ako veľa.
Párová značka address
Značka address sa používa, keď na webovej stránke uvádzame poštovú adresu, ako náš kontakt. Za každým riadkom musíme uviesť aj značku br, aby sa adresa zalomila tak, ako sme bežne zvyknutí:
<address> Janko Hraško,<br /> Pod hríbom 11,<br /> 011 11 Smreková,<br /> Rozprávková krajina </address>
Vykreslenie:
Janko Hraško,Pod hríbom 11,
011 11 Smreková,
Rozprávková krajina
Párová značka dfn
Značka dfn sa používa vtedy, keď v texte používame odborné termíny a označuje prvý výskyt daného odborného výrazu v texte:
<dfn>Adhézia</dfn> je
povrchová príľnavosť dvoch rôznych materiálov.
Vykreslenie: Adhézia je povrchová príľnavosť dvoch rôznych materiálov.
Párová značka cite
Značka cite sa používa vtedy, keď uvádzame autora nejakého citátu. Meno daného autora potom uzavrieme do tejto značky:
<cite>Honoré de Balzac</cite> povedal: List je tvoja duša.
Vykreslenie: Honoré de Balzac povedal: List je tvoja duša.
Párová značka blockquote
Značka blockquote slúži na uvádzanie citovaného textu, ktorý musí byť uzavretý ešte aj v elemente <p>..</p>. Teda napríklad:
William Shakespeare, Hamlet, druhé dejstvo, druhý obraz:
<blockquote> <p> Ó Bože! I keby ma zatvorili do orechovej škrupinky, bol by som schopný považovať sa za pána nekonečného priestoru. </p> </blockquote>
Interpretácia:
William Shakespeare, Hamlet, druhé dejstvo, druhý obraz:
Ó Bože! I keby ma zatvorili do orechovej škrupinky, bol by som schopný považovať sa za pána nekonečného priestoru.
Párová značka q s atribútom cite=""
Značka q slúži na uvedenie kratšieho citovaného textu. Nie tak dlhého, ako sa uvádza v značke blockquote. Navyše značka q môže obsahovať aj atribút cite="", ktorý obsahuje adresu (URL) citovaného zdroja:
MÁLIKA (zadumaná pletie):
<q cite="http://www.lca.sk/las-1-txt5.htm">Krembere vele?</q>
Vykreslenie: MÁLIKA (zadumaná pletie): Krembere vele?
Daný text, uzavretý v tejto značke, sa zobrazí s úvodzovkami na začiatku a na konci.
Párové značky code a samp
Značka code v texte zobrazuje nejakú časť zdrojového kódu, kde značka samp označuje vzorový výstup daného programu:
Zápis <code>writeln('Zadaj cislo:');</code> v Turbo Pascale
vypíše <samp>Zadaj cislo:</samp>.
Vykreslenie: Zápis writeln('Zadaj cislo:'); v Turbo Pascale vypíše Zadaj cislo:
Výstupy týchto značiek sa bežne zobrazujú neproporciálnym písmom.
Párová značka em
Značka em slúži na zvýraznenie časti textu. Nemusí to byť priamo zvýraznenie grafické. Pri tejto značke sa jedná o zvýraznenie dôležitosti významu daného výrazu pre prehliadače a iné aplikácie, ktoré spracúvajú webovú stránku. Väčšinou sa interpretuje kurzívou, ale dá sa prenastaviť pomocou CSS na iné vlastnosti:
<em>Tento text bude kurzívou.</em>
Interpretácia: Tento text bude kurzívou.
Párová značka strong
Značka strong slúži na presne to isté, ako značka em. Teda sa zvýrazňuje dôležitosť daného výrazu pre aplikáciu, ktorá web spracúva. Väčšinou sa graficky zvýrazňuje tučným písmom. Pomocou CSS sa dá tiež prenastaviť na iné vlastnosti:
<strong>Tento text bude tučný.</strong>
Interpretácia: Tento text bude tučný.
Párová značka kbd
Značka kbd označuje text, ktorý má byť zadaný užívateľom do nejakej časti webu, alebo aplikácke zobrazujúcej stránky:
Do prihlasovacieho okienka "login" napíšte
<kbd>zošit</kbd>.
Interpretácia: Do prihlasovacieho okienka "login" napíšte zošit.
Párová značka pre
Značka pre sa používa na zobrazenie najčastejšie zdrojového kódu nejakého programovacieho jazyka. V prehliadači sa text zobrazuje tak, ako text v tomto elemente zapíšeme. Nemusíme používať značku br na zalomenie riadku:
<pre>function mocni1(var c1,m1:integer):longint;
var i,cis:integer;
begin
i:=1;
cis:=c1;
for i:=2 to m1 do
c1:=c1*cis;
mocni1:=c1;
end;
</pre>
Zobrazenie:
function mocni1(var c1,m1:integer):longint;
var i,cis:integer;
begin
i:=1;
cis:=c1;
for i:=2 to m1 do
c1:=c1*cis;
mocni1:=c1;
end;
Text sa bežne zobrazuje neproporciálnym písmom.
Párová značka var
Značka var sa nám hodí, keď budeme písať nejaký program. A slúži na označenie nejakej premennej konkrétneho programu:
V jazyku Turbo Pascal zadeklarujeme premenné
<var>mocnina</var>, <var>cislo</var> a
<var>vysledok</var>.
Zobrazenie v prehliadači:
V jazyku Turbo Pascal zadeklarujeme premenné mocnina, cislo a vysledok.
Párová značka bdo s atribútom dir=""
Niekedy chceme, aby text neplynul z ľavej strany na pravú, ale naopak (arabské písmo). Na to slúži značka bdo s atribútom dir="". Tento atribút môže mať dve hodnoty: ltr a rtl.
Hodnota ltr označuje text, ktorý bude plynúť zľava doprava, čiže v našich končinách normálne. Hodnota rtl označuje text, ktorý bude plynúť sprava doľava. Najčastejšie použitie vidím v arabských textoch, ktoré smerujú práve z pravej strany na ľavú:
<bdo dir="rtl">Text smerujúci sprava doľava</bdo> a
<bdo dir="ltr">text smerujúci zľava doprava</bdo>.
Výstup v prehliadači: Text smerujúci sprava doľava a text smerujúci zľava doprava.
To je na dnes všetko. Ďakujem za pozornosť.