Sova v síti - 1/24 - vydáno 1.10.2001 Dobrý den, končí pondělí a je zde vaše Sova v síti :-) OBSAH -- Tagy se zvláštním významem, dokončení -- Co je XHTML -- Novinky u Petra Kocny Omlouváme se čtenářům, že v dnešním čísle nenaleznou ohlášený článek Miroslava Vejlupka Pevná mezera v HTML. Článek jsme přesunuli do příštího čísla. Děkujeme za pochopení. TAGY SE ZVLÁŠTNÍM VÝZNAMEM, DOKONČENÍ Z ČÍSLA 23 Marek Prokop Z tzv. "phrase elemtents" jsme v minulém čísle probrali tagy DEL, INS, ABBR a ACRONYM. Dnes nám zbývají CITE, CODE, KBD, SAMP a VAR. CITE -- citace Jak název napovídá, označují se tagem CITE citace. Ovšem pozor, nikoli ve významů citátů lidí, na to slouží Q a BLOCKQUOTE, ale spíše citace názvů, např. zeměpisných, názvů knih, článků, atd. CITE nemá žádné atributy, kromě obecných (např. TITLE). Jedná se o čistě řádkový prvek a nemůže tedy obsahovat prvky blokové. Sám může být obsažen v prvcích jak blokových, tak řádkových. Prohlížeče jeho obsah obvykle vykreslují kursivou. CODE -- počítačový kód Řádkový prvek označující počítačový kód. Nejčastěji se jedná o zdrojový kód stránky v HTML, nebo zdrojový kód v nějakém programovacím jazyce. Často se používá v kombinaci s prvkem PRE, což naleznete i ve zdrojovém kódu článků v archivu Sovy v síti. Prohlížeče mají tendenci vykreslovat CODE velmi malým písmem. Je proto vhodné definovat vlastní vlastnosti písma pomocí CSS. Kromě obecných atributů, nelze použít žádné jiné. KBD -- vstupní text KBD označuje text, který má být vložen do počítače, tj. napsán na klávesnici. Tag nachází uplatnění především v příručkách k programům, ale můžete ho použít i v nápovědném textu k formulářů na vašich stránkách. Ke vstupnímu poli Jméno tedy můžete např. uvést: Zadejte vaše jméno, např. Josef Novák Prohlížeč se vám v takovém případě "odmění" tím, že text "Josef Novák" vykreslí neproporcionálním písmem. To navíc můžete ovlivnit pomocí CSS. Jedná se o řádkový prvek bez zvláštních atributů. SAMP - výstupní text Jedná se o jakýsi protipól KBD, neboť označuje počítačový výstup, tj. to, co vám počítač zobrazí po nějaké vaší akci. V příručce k nějakému programu tedy můžete napsat např.: Stiskněte Enter a zobrazí se Uloženo SAMP je řádkový prvek bez zvláštních atributů. VAR - proměnná Poslední z tagů se zvláštním významem je VAR. Označuje proměnné či parametry programu. Opět najde uplatnění především v počítačových příručkách, nebo k návodů pro vaše HTML formuláře. Já jím s oblibou označuji názvy formulářových polí a tlačítek, např. takto: Zadejte své jméno do pole Jméno a klepněte na tlačítko Odešli. Dlužno dodat, že mezi "phrase elements" patří i tagy EM (zdůraznění) a STRONG (silné zdůraznění). Ty jsou vám všem ale určitě natolik známé (a jistě je používáte místo I a B), že nemá smysl o nich psát. Na závěr ještě zdůrazním, že všechny tyto tagy můžete použít v kombinaci s CSS. Velmi rychle tak nastylujete celý váš web, aniž byste museli použít pro styly třídy. Velmi praktické. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Hledáme webmastery a programátory v ASP k externí spolupráci. Vhodné i pro studenty. Pište na mailto:posta@prokopsw.cz ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CO JE XHTML Marek Prokop (Následující článek v zájmu srozumitelnosti lecos zjednodušuje. Odborníkům se omlouvám.) Poměrně často se v redakční poště objevují dotazy, co je XHTML, jak se liší od tradičního HTML a zda má význam se jím zabývat. Protože by odpověď přesáhla rozsah rubriky dotazů, napsal jsem raději tento článek. Definice praví, že XHTML je reformulací HTML jako aplikace XML. Nejste z toho moudří? Není divu. Nejprve totiž musím vysvětlit, co to je XML. Extensible Markup Language, neboli rozšiřitelný značkovací jazyk, zkráceně XML je velmi obecný jazyk pro vytváření dokumentů obsahujících alespoň částečně strukturovaná data. Něco podobného, jako jsou databáze (třeba Access, nebo stará dobrá Foxka). S databázemi byla ale vždy potíž -- co výrobce, to jiný formát, navíc jsou zde omezení daná relačním modelem. Proto vzniklo XML. Není sice vhodné pro ukládání rozsáhlých dat, zato přináší standardní a tudíž obecně "srozumitelný" formát. Proto je velmi vhodné zejména pro výměnu dokumentů (např. objednávek či faktur), komunikaci (např. mezi 2 aplikačními servery v internetu), ale i pro prezentaci informací na WWW. Dost však teorie, XML nejlépe pochopíte na praktickém příkladu.
Javascript napříč okny prohlížeče Rámce, okna, a JavaScript podle Martina Kopty http://www.sovavsiti.cz/c01211.html
Jak psát nadpisy Jak psát nadpisy, aby upoutaly vaše návštěvníky http://www.sovavsiti.cz/c01212.html
To, co zde vidíte je popis dvou článků Sovy ve formátu pro systém WebSpy (přibližně). V podstatě se jedná o XML, s jehož pomocí jsou popsány jednotlivé články (prvek
) a jejich tituly, perexy a url. Jelikož znáte HTML, je to jednoduché, že ano. Zkusme si nyní do tohoto popisu článků doplnit ještě údaje o autorovi článků. Lze to udělat dvojím způsobem. Buď přidáme nový prvek , nebo použijeme atribut prvku
. První způsob by vypadal takto:
Martin Kopta Javascript napříč okny prohlížeče Rámce, okna, a JavaScript podle Martina Kopty http://www.sovavsiti.cz/c01211.html
a druhý takto:
Javascript napříč okny prohlížeče Rámce, okna, a JavaScript podle Martina Kopty http://www.sovavsiti.cz/c01211.html
Na rozdíl od tradičního HTML, má však XML o něco přísnější pravidla. Např. všechny názvy značek (tagů) a atributů musí být malými písmeny, všechny prvky musí být uzavřeny (i nepárové značky), atd. A na rozdíl od HTML, XML žádné značky předem nedefinuje. Kdybych v příkladu výše použil místo
a místo , bylo by to stále platné a správně strukturované (well-formed) XML. Nyní si jistě řeknete, k čemu je vlastně XML dobré, když je definováno jen pár syntaktických pravidel a nic víc. Vždyť dáme-li náš příklad Číňanovi, stejně z něho nic nepochopí. Tak jakýpak univerzálně srozumitelný jazyk? A máte pravdu. Aby náš příklad měl smysl a alespoň dva lidé si takto mohli předávat data, musí se dohodnout, co jaká značka znamená. Takové dohodě se říká *aplikace XML*. Jednoduše shrnuto, XML je vlastně jakýsi "nadjazyk" a jeho aplikace pak jsou již konkrétními jazyky pro praktické použití. Aplikace mohou k základnímu XML přidávat další pravidla a tím ho omezovat a významově zpřesňovat. Např. jedno pravidlo pro náš příklad říká, že prvek <article> musí obsahovat právě jeden prvek <title>. Zároveň však, a to je zásadní, musí každá aplikace dodržovat základní množinu pravidel XML. Dnes již existuje mnoho aplikací XML používaných okrajově, většinou privátně. Existují ale i aplikace všeobecně rozšířené, například jazyk pro transformaci jedné aplikace XML do druhé. Dokonce i jazyk, kterým se definují upřesňující pravidla aplikací XML, tzv. DTD (Document Type Definition, definice typu dokumentu) je aplikací XML. A jednou z aplikací XML je i XHTML. Jak jste si jistě všimli na uvedeném příkladu, XML se od HTML, kromě použitých značek, moc neliší. Proto se od HTML ani nijak podstatně neliší XHTML. Trochu jinak vypadá definice typu dokumentu (první řádek), hlavička, která je povinná, o malých písmenech a povinných koncových značkách už jsem hovořil. K tomu patří ještě uvozovky, do kterých se povinně uzavírají hodnoty atributů a je to skoro vše. Proč tedy o XHTML vůbec uvažovat a proč se ho učit? Stojí to za to? Dle mého názoru, stojí. Většina expertů se totiž shoduje, že XML a tím pádem i XHTML patří budoucnost. Důvodů je několik, mj.: -- Díky přísným a zároveň jednoduchým pravidlům, mohou počítače XML a tedy i XHTML velmi snadno automatizovaně zpracovávat. Kdyby prohlížeči stačilo "umět" XHTML, byl by mnohem jednodušší (a tedy menší a rychlejší), než když musí zvládat veškeré "nevyzpytatelnosti" HTML. -- Všechny aplikace XML mohou s výhodou těžit ze stejného základu syntaktických pravidel. Již nyní tedy existuje mnoho univerzálních programů a knihoven funkcí, které velmi usnadňují vznik a implementaci každé nové aplikace XML. -- Dá se očekávat, že právě díky vyšší srozumitelnosti počítačům, budou časem stránky vytvořené v XHTML "oblíbenější" u vyhledávačů, katalogů stránek, výměnných reklamních systémů a dalších automatizovaných služeb. -- Dříve nebo později začnou prohlížeče podporovat pouze XHTML (případně jiné aplikace XML) a neuškodí, budete-li na to připraveni. Mimochodem IE již od verze 4 a NN od verze 6 "umí" čisté XML a v kombinaci s CSS, nebo ještě lépe XSL (obdoba CSS v XML) s ním dokáže velmi zajímavé věci. Zbývá poslední otázka, zda se již dnes vyplatí převést vaše HTML dokumenty do XHTML. Po pravdě řečeno si to nemyslím. Snížíte tím kompatibilitu svých stránek se staršími prohlížeči, zkomplikujete si práci s JavaScripty a nic moc positivního nezískáte. To však brzy nemusí platit. Určitě tedy stojí za to XML a XHTML alespoň trochu nastudovat. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Doporučte sovu v síti vašim přátelům. Přepošlete jim toto číslo, nebo použijte formulář na http://www.sovavsiti.cz/recommend.html ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NOVINKY U PETRA KOCNY K 28.9.2001 ... v katalgu katalogů http://www.lf1.cuni.cz/~kocna/kam-www.htm a vyhledávačů http://www.lf1.cuni.cz/~kocna/roboti.htm Uzdroje.cz - opět zprovozněn, nová verze portálu, zatím v testovacím režimu, vyhledávání nefunguje, odkazy je možno vkládat, zařazení do předem zvolené kategorie během 1-2 dnů, seznamy nelze abecedně třídit, jsou velmi nepřehledné, nová ikonka zatím zveřejněna není. Katedrala.cz - nový design, nová ikonka, URL odkazy zachovány. Yo.cz - nový design, nová ikonka, Webhosting s podporou PHP a MySQL již není zdarma. Garten.cz - zaměřený odborně - specificky, má změněný design i služby, je zde kategorie zajímavých odkazů - cca 100, kam je možno své tipy zaslat, výměna ikonek zůstala zachována jako další služba, nezávisle od kategorie odkazů. Rozcestník - zrušen, kupodivu je stále zachována stránka s novinkami, které mají datum 1.10.2000. Ticker iDnes - klikni, původní seznam zapojených Webu do systému Ticker měl být dle správce 19.9.2001 zrušen, dosud však existuje, služba je však již integrována do nového Klikni.cz. Přidán nový odkaz - celkem jich je již 165. Mytrix, systém monitorování internetu, velmi podrobná statistika přístupu na Vaše stránky, existuje několik verzí včetně bezplatné, registrace uživatele - serveru , systém obsahuje i katalog zaregistrovaných serverů - TOP žebříčky, prohledávání je inteligentní i přes URL, odezva správců - Emailem za 3 měsíce. -------- Kromě již dvou uvedených zdrojů nabízím Dr. Kocna pro webmastery ještě jeden - HTML Help na http://www.lf1.cuni.cz/~kocna/htmlhelp.htm Zde naleznete odkazy na WWW grafiky, počítadla, Webhosting, HTML validátory, HTML příručky, knihovny skriptů a další pomůcky pro tvorbu HTML dokumentů. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Podnikáte? Zkuste Sovu v podnikání http://www.sovavpodnikani.cz/ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Ačkoli je redakční schránka plná vašich dotazů, nějak se nám odpovědi na ně ne a ne vejít do vydání. Mějte s námi, prosím, trpělivost. Pro dnešek vše, těšíme se na shledanou opět v pondělí, kdy v čísle 25 naleznete: -- Kdy použít JavaScript - Nadužívání JavaScriptu je častou chybou některých stránek. Kdy je JavaScript opravdu na místě vysvětlí Martin Kopta. -- Pevná mezera v HTML - Praktická úvaha Miroslava Vejlupka o používání pevné mezery v HTML dokumentech. -- Odpovědi na vaše dotazy, zajímavé odkazy, novinky v katalogu katalogů a vyhledávačů Petra Kocny, atd. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Nechcete, nebo naopak chcete dostávat Sovu v síti? Odběr lze odhlásit odesláním zprávy na unsubscribe@sovavsiti.cz. Přihlásit se lze odesláním zprávy na subscribe@sovavsiti.cz, nebo formulářem na adrese http://www.sovavsiti.cz/. Chcete nám cokoli sdělit? Uvítáme vaše náměty, připomínky, kritiku, atd. na adrese mailto:redakce@sovavsiti.cz. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Není-li v konkrétním případě uvedeno jinak, je autorem všech publikovaných článků Marek Prokop. Tento ezin, nebo jeho libovolnou část můžete volně šířit dále, pokud současně uvedete zdroj následujícím způsobem: _________________________________________________________________ Sova v síti -- (c) 2001 Marek Prokop -- http://www.sovavsiti.cz/