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.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>
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.

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.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
.
Tak a po tomhle článku tě má RSS čtečka neomylně sleduje.
grrr, vrrr, prsk a co češtin na vazbu "je to o špatném návyku"?
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ě.
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 
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)
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
respektive místo b a i je to strong a em .. ;) samozřejmě, to bylo jen urychlení psaní .. ;)
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)
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é.
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.
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. ---/
Diky za pekny popis jednotlivych XHTML tagov
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í.
myspace
myspace
dsafd Solvent Flex temperature sensor manufacturerair compressor
<h1>tiffanychina iphonewholesale fashion</h1>
<h1>buy shoesiphone 3gs wholesale无为人生</h1>
fake louis vuitton handbagsdfdfd
fdsferzumba dvd wholesalefdfs wholesale bootssdf wholesale nflfgwfgw
To recommend 倩碧 兰蔻 面膜 美白
Christian Louboutin Shoes Christian Louboutin Shoes Christian Louboutin Shoes discount Christian Louboutin Shoes discount ddfdf gfgfghggf
bags blog comment handbags lady bags golf bags
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.
As days are advancing, more and more Christian Louboutin Shoes recent innovations are brought into these Men's casual
cheap replica watches
Rolex DateJust watches
replica Glashutte watches<BR
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
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,
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í.
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
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
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.
Thanks for sharing, interesting reviewes at: Jewish Directory Hot Fix Motif Catering Service Home Gift
gucci bags sells Designerfdgdfgdfgdfgdfg
learn!!!
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
hollister uk mabe
[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]
Baby Carriers
high quality and suitable price
UGG Boots,UGG Boots 5163
UGG Boots 5163, 0.
ghd hair straighteners, ghd styler 44
Gucci Handbags,Gucci Bags *****
UGG Boots,UGG Classic Boots -/-/-
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 ~~~~
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.
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.
It's always nice when you can not only be informed, but also engaged! [url=http://www.abercrombiemilano.com] abercrombie and fitch [/url]
It's always nice when you can not only be informed, but also engaged! abercrombie and fitch
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
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!!
I have to admit to a raisedtiffany uk eyebrow with this as wellbuzhi bujue wo ais a
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
fivefingers kso,vibram fivefingers kso mens has become the most popular patten among all five fingers series.
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.
[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]
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.
jordan 14 cleats jordan 15 shoes jordan 16 shoes
nice post. thank u for sharing. by the way, welcome to our gucci outlet
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,
This blog is fantastic.I would like to introduce this nice website to my friends