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

tt

Tag tt (teletype text) slouží k vypsání textu neproporcionálním písmem (všechny litery stejně široké). Řadí se do stejné skupiny jako třeba <b> nebo <i>, slouží tedy jen k formátovacím účelům.

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> je tkáň propojující mozkové hemisféry.

Vykreslení: Corpus callosum je tkáň propojující mozkové hemisféry.

code, samp

Tagy code a samp jsou navzájem často zaměňovány. Oba souží k prezentaci zdrojového kódu programu, skriptu či třeba webové stránky. To není pravda! Jaký je tdy mezi nimi rozdíl? Tag code označuje v dokumentu zpravidla zdrojový kód programu. Tag samp potom vzorový výstup programu. Obojí je vykreslováno neproporcionálním písmem.

Zápis:

Systém potom vypíše: <samp>Program provedl neplatnou operaci&hellip;</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>
Vykreslení:

  MVDr. Ing. Bác.
  Vlastimila Proutníčková
  Mrtvolná 17
  Hroby, 391 55

A co ty, he?

Přímá a trefná otázka. Může se zdát, že vám tu káži vodu a sám piji víno. Když se podíváte na zdrojový kód mých webů, uvidíte, že tagy, které jsem dnes zmiňoval, sám prakticky nepoužívám. A máte pravdu, je to o špatném návyku, tímto článkem se snažím pomoci nejen vám, ale i sobě budovat si zdravý vztah k sémantice (X)HTML dokumentu. Jakkoliv se některé ze zmíněných tagů mohou zdát zcela zbytečné, přeci jen je jednou za čas můžete použít a je jen na vás, jestli si na tento článeček vzpomenete.

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.



62 komentářů k “Sémantika (X)HTML dokumentu II.”

  1. dgx říká:
  2. Ta poštovní adresa je pozoruhodná :-)

    Jen doplním, že <del> a <ins> je možné použít nejen pro části textu, ale pro celé bloky (i blogy ;) nebo odstavce.


  3. pjotr říká:
  4. Zaujímavé. Určite často používam DL, CODE – priznám sa, SAMP sa mi zdalo menej vhodné. Teraz viem, že to musím vymeniť. A ešte ADDRESS. Inak dík za informácie o ostatných značkách ;-).


  5. zimmi říká:
  6. Tak a po tomhle článku tě má RSS čtečka neomylně sleduje.


  7. SuE říká:
  8. grrr, vrrr, prsk a co češtin na vazbu "je to o špatném návyku"?


  9. Dero říká:
  10. pjotr: Rádo se stalo, přijďte zas. :o)

    zimmi: Slibuji, že se oku Tvé čtečky nebudu vyhýbat. Díky.

    SuE: Nevím, ale germanin tu se mnou popíjí minerálku a tváří se poměrně šťastně.


  11. SuE říká:
  12. germán ať si pije co chce, tohle je anglicismus a těžce mi ubližuje na duši :-) Normálně bych to skousla a neříkala nic ale když on je tvůj web takový vypilovaný, a myslím, že na češtině si normálně dáváš záležet, a je to i vidět, tak mně to padlo do oka jako něco úplně nepřístojného :-)


  13. Dero říká:
  14. Angličtina je pouze hlavním představitelem germánské větve jazyků. Za tzv. "icól ebaut" formu se velice omlouvám, obrat tu ponechám jako varování budoucím generacím. :o)


  15. Jamesek říká:
  16. bdo si v češtině může najít své místo při schování emailu před roboty – <bdo dir="rtl">zc.bewidip@semaj</bdo>

    tt mi moc sématický nepřijde když slouží pouze pro vykreslení neproporciálním písmem… i když, jako třetí forma zvýraznění ("b", "i", "tt"; "u" nepočítám, podtržené nechť jsou jen odkazy)

    definiční seznamy mám odkoukané již od yuhůa a na mém webu jich páru je…

    tož tak, přidáno do čtečky


  17. Jamesek říká:
  18. respektive místo b a i je to strong a em .. ;) samozřejmě, to bylo jen urychlení psaní .. ;)


  19. ronan říká:
  20. Jen me tak napadlo – text, kde davas priklady zapisu urcitych tagu se mi zobrazuje chybne. Text jakoby utika do vedlejsiho oddilu s postrannim menu, v Mozille je mozne text "chytit" mysi, rolovat do strany a precist si ho, ale v IE nejde ani to.

    Jinak chci rict, ze se mi zda tenhle blog naprosto perfektni a se spoustou uzitecnych clanku ;). Je jen skoda, ze zatim nedisponuju takovymi temi zaklady, abych mohl cast toho, co pises, vyuzit. Presto ale ctu s chuti kazdy novy clanek:). Dalsi velmi uzitecna vec, ktera me tu zaujala, je to, jak komentujes vlastni zdrojovy kod (mimochodem, vsiml jsem si i te uplne zbytecne poznamky uplne dole, takze muzu dosvedcit, ze nekdo ty komentare urcite cte:D)


  21. habendorf říká:
  22. Bugreport: zápis kódů v IE přetéká do pravého sloupce :o(

    [8] Jamesek říká: bdo si v češtině může najít své místo při schování emailu před roboty – <bdo dir="rtl">zc.bewidip@semaj</bdo>

    Jenže člověk spíš potřebuje napsat adresu do mailto:, nikoliv jen tak do textu. Čili víceméně nepoužitelné.


  23. yossarian říká:
  24. nejsem si zcela jist, jeslis trefil ten vyznam tagu spravne. tt neslouzi .. teda puvodne neslouzil k neproporcionalnimu pismu. tt znaci vypis z terminalu ;) kbd znaci vstup od programatora (mas spravne), var vypis promennych (environment variables). a pokud nekoho zajima, k cemu je tolik tagu pro stejnou vec, tak vezte, ze uplne prvni html nebylo tak nejak urceny pro prohlizece, ale formatovani si clovek udelal z cistyho textu v hlave, takze kdyz videl <tt>[root@localhost]#</tt> ls
    <tt>vypis adresare ~ je:
    ….….….…</tt> tak vedel naprosto presne co ma zadat (ls), a co by mu to melo vypsat.


  25. yossarian říká:
  26. dohaje. blby texy. vidim to poprvy :) omlouvam se za predchozi prispevek /---text nejsem si zcela jist, jeslis trefil ten vyznam tagu spravne. tt neslouzi .. teda puvodne neslouzil k neproporcionalnimu pismu. tt znaci vypis z terminalu ;) kbd znaci vstup od programatora (mas spravne), var vypis promennych (environment variables). a pokud nekoho zajima, k cemu je tolik tagu pro stejnou vec, tak vezte, ze uplne prvni html nebylo tak nejak urceny pro prohlizece, ale formatovani si clovek udelal z cistyho textu v hlave, takze kdyz videl <tt>[root@localhost]#</tt> ls
    <tt>vypis adresare ~ je:
    ….….….…</tt> tak vedel naprosto presne co ma zadat (ls), a co by mu to melo vypsat. ---/


  27. impact říká:
  28. Diky za pekny popis jednotlivych XHTML tagov


  29. v6ak říká:
  30. Ten code má jeden problém – nemá ve výchozím stavu white-space:pre; a   se mi nechce furt psát. Vím, že to jde dostylovat, ale změna chvání něčeho existujícího se mi nelíbí.


  31. myspace říká:
  32. myspace

    myspace


  33. 4trg ed říká:
  34. dsafd Solvent Flex temperature sensor manufacturerair compressor


  35. dsdf říká:
  36. <h1>tiffanychina iphonewholesale fashion</h1>


  37. dsdf říká:
  38. <h1>buy shoesiphone 3gs wholesale无为人生</h1>


  39. replica gucci handbags říká:
  40. fake louis vuitton handbagsdfdfd


  41. gfweg říká:
  42. fdsferzumba dvd wholesalefdfs wholesale bootssdf wholesale nflfgwfgw


  43. Wangshanghai říká:
  44. To recommend 倩碧 兰蔻 面膜 美白


  45. hh123686 říká:
  46. Christian Louboutin Shoes Christian Louboutin Shoes Christian Louboutin Shoes discount Christian Louboutin Shoes discount ddfdf gfgfghggf


  47. lady bags říká:
  48. bags blog comment handbags lady bags golf bags


  49. Christian Louboutin Shoes říká:
  50. As days are advancing, more and more [url=http://www.louboutinsales.com] [b] Christian Louboutin Shoes [/b][/url] recent innovations are brought into these Men's casual [url=http://www.louboutinsales.com/christian-louboutin-wedges] [b] Christian Louboutin wedges[/b][/url]shoes both in terms of style and comfort.


  51. Christian Louboutin Shoes říká:
  52. As days are advancing, more and more Christian Louboutin Shoes recent innovations are brought into these Men's casual


  53. replica watches říká:
  54. cheap replica watches
    Rolex DateJust watches
    replica Glashutte watches<BR


  55. wholesale cheap air force ones říká:
  56. dohaje. blby texy. vidim to poprvy :) omlouvam se za predchozi prispevek /---text nejsem si zcela jist, cheap gucci shoes puma shoes jeslis trefil ten vyznam tagu spravne. tt neslouzi .. teda puvodne neslouzil k neproporcionalnimu pismu. tt znaci vypis z terminalu ;) kbd znaci vstup od programatora (mas spravne),air yeezy shoes var vypis promennych (environment variables). a pokud nekoho zajima, k cemu je tolik tagu pro stejnou vec, tak vezte, ze uplne prvni html nebylo tak


  57. wholesale cheap air force ones říká:
  58. Air jordan fusions, Nike shoes, Adidas Shoes, cheap gucci shoes Handbag, Watches, Purse, Sunglass, Safety Goggles, Jewelry, Hats, Belt, jordan six rings Men's T-Shirt, Men's T-Shirt, Men's Hoodies, Men's Jeans, Women's T-Shirt,Women's Hoodies, Women's Jeans, Jacket, Trousers & Pants, Underwear, Sweater, Kids T-Shirt,


  59. shox r4 říká:
  60. Ten code má jeden problém – nemá ve výchozím stavu white-space:pre; a se mi nechce furt psát. timberland boots for men air yeezy shoes cheap air force ones men Vím, že to jde dostylovat, ale změna chvání něčeho existujícího se mi nelíbí.


  61. omega watches říká:
  62. Portugal automatic stopwatch diamond watches_Watch Knowledge_Sale
    Reverso Duetto Duo replica watch_Watch Knowledge_Sale
    Auction of Replica Rolex Watches_Watch Knowledge_Sale
    Arrested because of Selling Replica Relox Watches_Watch Knowledge_Sale


  63. ALange Sohne říká:
  64. V minulém zápisku jsem vám prozradil,Tiffany Bangles 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,Buffalo Bills které pravděpodobně každý den nepoužíváte. Je docela možné, že některé z nich ani nebudete znát.cheap Vibram Fivefingers womens 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ě: Bell & Ross


  65. johnsupra shoes říká:
  66. Tom Penny and Antwian Dixon. Apart from a large fan base compromising skateboarders, supra vaider high tophas also aught the attention of the music industries big names such as Jay-Z, Justin Timberlake and Lil Wayne.supra vaider black high boots, it is the main creative recreation sneakers teal we push in our online shop these days.


  67. Bar Food říká:
  68. Thanks for sharing, interesting reviewes at: Jewish Directory Hot Fix Motif Catering Service Home Gift


  69. sdfsd říká:
  70. gucci bags sells Designerfdgdfgdfgdfgdfg


  71. led-screen říká:
  72. learn!!!


  73. lv-sales říká:
  74. i want to learn something about knowledge so i buy a louis handbags and the price is fair to everybody. louis bag wallet so thanks


  75. hollister uk říká:
  76. hollister uk mabe


  77. UGG Classic Tall Boots říká:
  78. [url=http://www.uggboots5815.com]UGG Classic Boots,UGG Boots Classic Tall[/url] [url=http://www.uggboots5815.com]UGG Classic Tall Boots,UGG Boots 5815[/url]


  79. Baby Carriers říká:
  80. Baby Carriers
    high quality and suitable price


  81. UGG 5825 říká:
  82. UGG Boots,UGG Boots 5163


  83. UGG 5825 říká:
  84. UGG Boots 5163, 0.


  85. UGG 5825 říká:
  86. ghd hair straighteners, ghd styler 44


  87. Gucci Handbags říká:
  88. Gucci Handbags,Gucci Bags *****


  89. Gucci Handbags říká:
  90. UGG Boots,UGG Classic Boots -/-/-


  91. UGG Classic Cardy říká:
  92. These well-known UGG Classic Cardy are now becoming more and more fashionable and popular, to some extent. I believe you may ask what the shoes can bring us. As I know, if one person struck by lightning in Holland, his family must put all his Classic Cardy Boots up as soon as possible. And in the fairy tale, the shoes are more magic indeed. Now, I always say that the UGG Classic Cardy Boots are so magic and popular.http://www.uggscardy.com ~~~~


  93. guess handabgs říká:
  94. Compare prices on guess handbags and save ,Top ranking quality of the designer guess handbags for discerning ladies.Guess handbags are stylish accessories that complement a fashion-conscious woman's wardrobe and guess handbags .Enjoy a great selection of guess guess handbags 6 or every discerning women ,free shipping,110% price guarantee.


  95. wholesale china říká:
  96. With proper now broad wide variety of about the web wholesale dvd movie shop selections you maybe can choose from your substantial sum of sellers on-line. You'll be ready to go to eBay appropriate now and get brand new Dvd movie disks at great offering selling prices, but are eBay you aren't a fool- that you are going to only invest in from trusted Dvd and blu-ray and blu-ray distributors that you just purely can believe inside your income. So the greatest source you can get a distributor is from a Dvd and blu-ray wholesale distributor.


  97. abercrombie říká:
  98. It's always nice when you can not only be informed, but also engaged! [url=http://www.abercrombiemilano.com] abercrombie and fitch [/url]


  99. abercrombie fitch říká:
  100. It's always nice when you can not only be informed, but also engaged! abercrombie and fitch


  101. Wholesale accessories říká:
  102. Any good tattoo kits will also Wholesale Accessories have a variety of different tips, needles, tattoo machine and colors. It is not enough to have different kinds of these, China Wholesalebut also a plentiful initial supply, at least 30–50 of each is ideal. Tattoo Machine Coils


  103. NFL Jerseys říká:
  104. I very much enjoyed your website. Excellent content.Your favorite team's Cheap jerseys delivered right to your door. Cheap Nfl Jerseys Cheap Jerseys Denver Broncos jerseys All at unbeatable prices!!


  105. tiffany uk říká:
  106. I have to admit to a raisedtiffany uk eyebrow with this as wellbuzhi bujue wo ais a


  107. womens ugg boots říká:
  108. Not even as I shook womens ugg boots and trembled uncontrollably in the trenches, did I forget your ugg boots face. I would sit huddled into the wet mud, terrified, as the ugg australia hails of bullets and mortars crashed down around me. WYQ


  109. vibram five fingers říká:
  110. fivefingers kso,vibram fivefingers kso mens has become the most popular patten among all five fingers series.


  111. Wholesale Accessories říká:
  112. Then you are going toHonda CBR600F Fairing need more than one gun, preferably at least three.Honda CBR900RR Fairing This way, you do not have to stop what you are doing Honda CBR1100 XX Fairingto change tips and needles, and can switch between project details quickly and easily.


  113. mbt shoes on sale říká:
  114. [URL=http://www.mbtonshoes.com/]mbt shoes on sale[/URL] [URL=http://www.mbtonshoes.com/]mbt shoes [/URL] [URL=http://www.mbtonshoes.com/]discount mbt shoes [/URL]


  115. louis vuitton wallet říká:
  116. louis vuitton delightful Online buy Louis Vuitton Outlet at wholesale price from lv handbags online store, 24/7 live service, Free Shipping and accept PayPal.


  117. jordan 14 cleats říká:
  118. jordan 14 cleats jordan 15 shoes jordan 16 shoes


  119. gucci outlet říká:
  120. nice post. thank u for sharing. by the way, welcome to our gucci outlet


  121. boots říká:
  122. I ran across search engines and find this blog that fulfill my needs. There is a thing I do not agree ugg cardy boots but It doesn't matter since I think it does not hurt the whole content.ugg boots Watchesdesigning, bailey button ugg bootsbusinesses associated with tattoo Swiss Watchesdesigning,


  123. NFL Jersey říká:
  124. This blog is fantastic.I would like to introduce this nice website to my friends


Zanechte komentář





Můžete použít Texy! formátování.
Pokud se obsah boxů níže mění, zatímco píšete, potom žádné číslice nevyplňujte. V takovém případě antispam funguje, pouze se prohlížeči nepovedlo skrýt tento box.