HTML (část 4.) – Narsil 40

Náš seriál o HTML dospěl k předposlední části. Rozhodl jsem se totiž rozdělit zbytečně dlouhý obsah původně poslední čtvrté části na dvě. Dnes jsou na řadě další nové příkazy a pár rozšířených výkladů príkazů již známých. V příštím Narsilu náš seriál ukončíme posledním doplněním některých příkazů a přidáme i něco obecnější teorie. Tentokrát přinášíme i některé nové příkazy, které lze zatím použít jen na MS Internet Exploder verze 4.1 a výše (označeny jako "IE" v závorce vedle příkazu).

HLAVIČKA

V hlavičce HTML souboru se mohou nacházet ještě další důležité příkazy, které jsme si zatím neuváděli. Zde tedy jsou:

- specifikuje základní (výchozí) URL dokumentu. Pokud zadáte tento příkaz, potom v dalších odkazech v dokumentu nebudete muset používat celé absolutní adresy. Bude stačit zadat jen "relativní" odkaz vůči nastavenému URL a dané soubory budou vždy hledány na zde definované adrese "http://server/".

Příklad:

způsobí že zadáte-li pak někde v těle dokumentu odkaz jako

bude nahrána adresa "http://www.geocities.com/ way1/english/software.htm".

- jako výše, ale navíc specifikuje i umístění otevíraného souboru. Atributy jsou již známé ("_blank", "_self","_top" a "_parent").

- tento element může být použit ke specifikaci párů názvů/hodnot popisujících různé vlastnosti dokumentu.

Příklady:

- zajistí automatické znovunahrání strany (reload) po každých X sekundách.

- strana zadaná jako URL bude automaticky nahrána po X sekundách. Často se používá jsou-li stránky přesměrovány z původního zdroje někam jinam.

- specifikuje datum uplynutí (platnosti, aktuálnosti) stránky, čímž bude tato stránka po uplynutí této doby znovu nahrána.

- specifikuje hesla pro určité vyhledávací služby. Hesla mohou být jakákoliv, navzájem se oddělují čárkou. Pokud si pak někdo nechá vyhledat heslo, které souhlasí s některým vámi zadaným "keyword", bude vaše stránka nalezena a vypsána (záleží na vyhledávacím serveru).

- popisuje obsah stránek; opět pro určité vyhledávací služby.

Místo "meta http-equiv=" lze použít i výraz "meta name=" (a dále již pokračují oba stejně). Použitím "meta http-equiv=" místo "meta name=" udáváte, že browser by měl předstírat, že pár name/value (název/hodnota) v daném příkazu byl poslán jako tzv. "HTTP header" (hlavička HTTP). Zde je třeba vysvětlit, co to "HTTP headers" jsou. Jedná se o informace, jež jsou posílané s každým dokumentem na webu, ovšem ve vlastním dokumentu nejsou zobrazené. Tyto hlavičky, které jsou posílány před vlastním zobrazením dokumentu, jsou meta informace, což mohou být např. informace o dokumentu. Pokud se dostanete na některé takové stránky, pak jsou napřed poslány hlavičky (headers), které udávají např. datum, druh serveru, poslední modifikaci či typ dokumentu.

"meta http-equiv=" je právě tím prostředkem, kterým tyto informace (headers) do dokumentu přidáte. Takže pokud např. chcete oznámit autora stránek, stačí použít příkaz

Když pak browser takový dokument nahraje, předstírá, že existuje hlavička jako

Author: Neznámý vojín

Je však třeba zdůraznit, že web browsery všeobecně použijí http-equiv jako kdyby byly HTTP hlavičkami, ale tyto informace nejsou ve skutečnosti v žádnou hlavičku vytvořeny, do žádné přidány. Když byl příkaz "meta http-equiv=" vytvořen, zamýšlelo se, ze web servery budou číst příkazy "meta http-equiv=" a skutečně je přidají do HTTP hlaviček, ovšem tvůrci serverů nabyli celkem praktického dojmu, že toto všechno by zabralo čas a zvětšilo nároky. Proto jen velmi málo web serverů v součastnosti přidává tyto hlavičky.

Tudíž můžete klidně používat jak "meta http-equiv", tak i "meta name=", často se i kombinují, já osobně dávám přednost prvně zmíněnému příkazu.

Tato značka není zobrazena jako část dokumentu a také v tomto případě neznačí odkaz. Umožňuje definovat vztah mezi dokumentem obsahujícím tuto značku a nějakým jiným objektem, např. dokumentem uvedeném v URL.

Atributy:

REL="..." - specifikuje typ vztahu odkazu k této stránce, tedy mezi html souborem a URL. "Rel" znamená "relation". Možné hodnoty jsou:

"home", "toc" (table of contents), "index", "glossary", "copyright", "bookmark", "up", "next", "previous", a "help".

REV="..." - používá se místo REL a specifikuje obrácený vztah, z této stránky na odkaz, tedy mezi URL a tímto html. "Rev" znamená "reverse relation". Možné hodnoty jsou:

"made" (autor, nastavte HREF=emailová adresa) a všechny ostatní jako u "REL".

HREF="..." - URL adresa odkazu

TITLE="..." - specifikuje titulek (title) pro odkaz.

Link z dokumentu A do dokumentu B s použitím atributu REV znamená ten samý vztah jako odkaz Z B do A použitím REL.

Příklady:

- nastavují stránky pro homepage a obsah (table of contents). V CABu se např. těmito příkazy v liště okna objeví nová ikonka ve tvaru dvou malých šipek, jejímž odkliknutím se objeví malý dialog s výběrem Home, Toc, Glossary, Author atd., zvýrazněny (aktivní) budou ty tlačítka dialogu, která jsou nadefinována výše, zde tedy Home a Toc. Kliknutím na ně se pak přemístíte na soubor "index.htm", resp. "obsah.htm".

- druhý nám říká, že tvůrce (vlastník) dokumentu je identifikován adresou URL.

LINK však lze použít i pro vložení banneru do dokumentu. Příkazem

odkazujete na dokument "Banner.htm", který bude bannerem na dané stránce. Lepší než LINK je pro použití bannerů na stránce příkaz <BANNER>.

Informuje, že aktuální dokument je indexovým dokumentem. Zobrazí rámeček pro vkládání textu indikující přítomnost vyhledatelného indexu. Příkaz se může nacházet i v těle dokumentu. Pouhé vložení tohoto příkazu však nestačí k vytvoření vyhledávatelné stránky. Server musí být nastaven tak, aby jej podporoval. Atributy:

ACTION="..." - specifikuje lokaci "průchozího" (gateway) programu, jímž zadaný text proběhne.

PROMPT="..." udává alternativní text pro textový ráměček.

Přiznávám se, že tomuto příkazu zcela nerozumím (chybí praxe) a tak se tím omlouvám i za trochu zmatený a stručný popis.

V TĚLE <BODY> se mohou nacházet také následující příkazy:

Nastavuje výchozí font pro aktuální stránku. Atributy jsou:

SIZE="..." - nastavuje velikost fontu, ta je mezi čísly 1 až 7, default je 3. Lze použít i relativní zadání, např. SIZE=+2

COLOR="..." - základní barva fontu pro aktuální stránku

NAME="..." - specifikuje základní font.

Nastavuje vlastnosti písma pro takto uzavřený text. Možné atributy jsou:

SIZE="..." - velikost fontu, jako výše

COLOR="..." - barva fontu

FACE="..." - specifikuje "face" (název) fontu. Může být nadefinován i seznam, v němž jsou jednotlivé položky odděleny čárkami a browser pak použije první font, který je v počítači k dispozici.

Kromě uzavíracího příkazu můžete použít i typ </FONT atribut> zejména pro lepší přehlednost při více příkazech <FONT ...>.

<BGSOUND atribut1 atribut2> (IE)

Může být umístěn v hlavičce i v těle dokumentu. Specifikuje zvuk na pozadí, který bude přehrán kdykoliv je stránka nahrána. Tento zvuk může být buď sample (.WAV nebo .AU) nebo midi (.MID) soubor.

Atributy:

SRC="..." - udává URL adresu zvuku, jenž má být přehrán.

LOOP="n" - specifikuje kolikrát se bude zvuk opakovat (loop). Hodnota "-1" nebo "INFINITE" značí, že zvuk bude přehráván donekonečna.

<MARQUEE atribut1 atribut2>...</MARQUEE> (IE)

Umístí do dokumentu běžící (scrolující) text. Možné atributy jsou:

ALIGN="..." - povolené hodnoty jsou "TOP", "MIDDLE", nebo "BOTTOM". Specifikují zarovnání textu kolem běžícího řetězce s ohledem na něj.

BEHAVIOR="..." - možné hodnoty jsou "SCROLL" (default), "SLIDE", nebo "ALTERNATE". Udávají chování běžícího textu. Při "SLIDE" se bude text posouvat (klouzat) od začátku stránky, použitím "ALTERNATE" bude text scrolovat stále doleva a poté doprava, nebo doprava a poté doleva (opakovaně, tzv. ping-pong).

BGCOLOR="..." - nastavuje barvu pozadí běžícího textu.

DIRECTION="..." - možné hodnoty jsou "LEFT" (default) nebo "RIGHT". Specifikují směr scrollingu.

HEIGHT="..." - výška běžícího textu v pixelech nebo procentech z obrazovky.

HSPACE="n" - nastavuje levé a pravé okraje pro ohraničení běžícího textu (v pixelech).

LOOP="n" - udává počet, kolikrát se bude běžící text opakovat. Hodnota "-1" nebo "INFINITE" udává že donekonečna.

SCROLLAMOUNT="n" - nastavuje počet pixelů mezi každým následujícím vykreslením běžícího textu.

SCROLLDELAY="n" - nastavuje počet milisekund mezi každým následujícím vykreslením běžícího textu.

VSPACE="n" - nastavuje horní a dolní okraje pro ohraničení běžícího textu.

WIDTH="..." - nastavuje šířku běžícího textu, a to buď v pixelech, nebo v procentech (100% = celá obrazovka).

<APPLET atribut1 atribut2> parametr1 parametr2 ... </APPLET>

Vloží do dokumentu Java aplet. To je určitý program nebo kód v jazyku Java. Bohužel na Atari není až na výjimky podporován. Text umístěný mezi otevírací a uzavírací částí příkazu bude zobrazen na browserech nepodporujících Javu.

Atributy:

ALIGN="..." - zarovnání textu kolem objektu (s ohledem na objekt sám). Hodnoty jsou "LEFT", "RIGHT", "TOP", "MIDDLE", nebo "BOTTOM".

ALT="..." - zobrazí text na browserech, které rozeznávají tento příkaz, ale neumí používat aplety.

CODE="..." - specifikuje název Java apletu.

CODEBASE="..." - udává výchozí adresu apletu. Jedná se o adresář, v němž se nachází.

DOWNLOAD=n - nastavuje pořadí, v jakém budou obrázky downloadovány.

HIGHT="..." - specifikuje výšku apletu v pixelích nebo procentech obrazovky.

HSPACE="n" - nastavuje levé a pravé okraje vnějšku apletu v pixelech.

NAME="..." - udává název apletu, pro případ, že je více stejných apletů na jedné stránce.

VSPACE="n" - nastavuje horní a dolní okraje.

WIDTH="..." - specifikuje šířku apletu.

Parametry:

Zde se jedná o specifické parametry apletu, jež jsou posílány programu jako argumenty. Jsou definovány jako příkazy uvnitř příkazu APPLET, a to následovně:

Vloží do dokumentu multimediální objekt, jako např. zvukový soubor nebo film. Do budoucna se počítá s tím, že dokončením a větší podporou příkazu OBJECT se tento příkaz stane zastaralým. Zatím se tak však neděje a lze jej bez problémů používat.

Atributy:

AUTOSTART="..." - zda soubor rovnou začne přehrávat (zvuk nebo film, příp. obojí), tedy ihned po naládování strany a připravení souboru. Možné hodnoty jsou "TRUE" nebo "FALSE".

HIGHT="..." - udává výšku pro zobrazení v pixelech nebo v procentech.

LOOP="..." - zda se bude soubor opakovat či nikoliv. Možné hodnoty jsou "TRUE" a "FALSE".

NAME="..." - specifikuje název objektu pro případ, že existují jiné objekty, jež na tento odkazují.

SRC="..." - udává umístění (URL) daného souboru.

WIDTH="..." - jako výška, týká se ovšem šířky.

Používá se pro označení položky textu (list items), vytvoří puntík (bulu) uprostřed řádky. Musí být ohraničena některým z následujících příkazů pro vytváření seznamu: <DIR>, <MENU>, <OL> nebo <UL>.

Atributy:

TYPE="..." - typ puntíku (buly). Možné hodnoty jsou: DISC, CIRCLE, SQUARE, A, a, I, i, 1. Pro nesetříděný seznam připadají v úvahu pouze první tři.

VALUE="..." - specifikuje číslo přiřazené položce. Týká se pouze položek setříděného seznamu. Nabývá hodnot, na které lze změnit číslo dané položky (záleží na typu číslování).

Zajímavé je, že MSIE 5 může mít <LI> i samotné, bez ohraničení určitým seznamem. Pak bude začínat vždy přímo od kraje.

Podobně jako u tabulek, lze i zde místo LI použít příkaz <LH>...</LH>, jenž značí list header (a vlastně titulek či nadpis seznamu), jinak má stejnou funkci jako LI (pouze mívá i svoji ukončovací část).

Umístí uvnitř definované položky označené příkazem <LI> do seznamu (directory listing). Jednotlivé položky by měly mít max. 20 znaků.

Umístí uvnitř vepsané položky označené příkazem <LI> do seznamu "menu" (menu list).

Umístí položky uvnitř označené příkazem <LI> do očíslovaného (tříděného) seznamu. Každá položka označena příkazem <LI> dostane místo puntíku číslo. Atributy:

TYPE="..." - udává typ číslování pro označování položek. Možné hodnoty jsou: A (číslovat se bude velkými písmeny počínaje A), a, I (velké římské číslice), i, 1.

START="..." - nastavuje počáteční hodnotu pro číslování. Např. hodnota 4 začne podle typu číslovat od čísla 4, písmene D či d, nebo římské IV atp.

Umístí položky uvnitř označené příkazem <LI> do netříděného seznamu. Texty za příkazy <LI> (jednotlivé položky) budou mít tečku a budou posunuty. Atributy:

TYPE="..." - specifikuje typ buly (puntíku) pro označování položek. Možné hodnoty jsou: DISC, CIRCLE, SQUARE.

Vytvoří seznam pojmů, definic (glosář). Uvnitř se používají jednorázové příkazy <DT>, které specifikují seznam definic (jde o definovanou položku), a <DD>, jež udávají definici (vlastní popis). Blíže viz příklady v přiloženém souboru INDEX_4.HTM.

Možným atributem příkazu <DL> je atribut COMPACT, který se používá pro vygenerování zhuštěného glosáře. V případě, že požadujeme aby se vytvořený glosář vměstnal na menší plochu, použijeme následující:

Text mezi těmito příkazy bude neustále blikat.

Uzavírá dlouhé citace. Levé a pravé okraje jsou vysazeny dále od okraje.

Specifikuje zarovnání uzavřeného obsahu. Může být použito pro rozdělení dokumentu do více částí (odstavců), z nichž každá bude jinak zarovnána. Atributy:

ALIGN="..." - nastavuje zarovnání oddílu. Možné hodnoty jsou "center", "right" a "left".

CLASS="..." - reprezentuje různé typy jako chapter (kapitola), section (sekce), abstract nebo appendix.

Vloží do dokumetu horizontální čáru. Atributy:

SIZE="..." udává sílu (tloušťku) linky

COLOR="..." - specifikuje její barvu (IE)

WIDTH="..." nastavuje délku linky v procentech (maximum je 100%) nebo pixelech

ALIGN="..." specifikuje zarovnávání řádky: RIGHT, LEFT, nebo CENTER

NOSHADE - linka je vykreslena kompaktně, 3D.

<TAB atribut=...> - horizontální tabulátor.

Používá se k horizontálnímu pozicování. Možné atributy:

ID=název - definuje název tabuátoru na určité pozici v textu.

TO=název - umístí jakoby kurzor a vlastně text na pozici, kde byl předchozím atributem definován tabulátor s označením "název".

INDENT=číslo - lze použít místo předchozího atributu (TO=). Nastavením čísla se nastaví stejně veliký horizontální tabulátor.

ALIGN - rozdělí text v určeném místě, parametry mohou být LEFT a RIGHT.

Tento příkaz jsem našel pod HTML 3.0, ale ukazuje se, že v CABu nefunguje.

Zobrazí text ve sloupcích. Atributy jsou:

COLS="..." - specifikuje počet sloupců

GUTTER="..." - udává mezeru mezi sloupci navzájem jako počet pixelů

WIDTH="..." - nastavuje šířku sloupců jako celku.

Tento příkaz se používá pro zobrazení textu, který byl již naformátován nějakým jiným systémem a musí být zobrazen tak jak je. Bývá např. využíván pro vkládání tabulek do html dokumentu.

Způsobí, že se uzavřený text nebude automaticky zalamovat na konci řádku.

V Narsilu 38 byla v článku o obrázcích GIF zmínka i o našem seriálu HTML. Jsem rád, že se k němu JS vyjádřil kladně (díky). Co se obrázků týče, zpracovávat formát JPEG na Atari ST nebo STe je utrpením (nehledě na výsledek konverze do 16 barev; zde musím odbočit a pochválit Narsil 39 za obrázky z filmu Matrix prezentované v 16 barvách, skutečně skvělé, konec odbočky), rozřešení přináší až DSP a vícebarevný režim. Proto klidně používejte na svých stránkách GIFy, za prvé i 16-barevné GIFy mohou být velmi dobře použity, za druhé je to jediná možnost co se týče animovaných obrázků (nikoliv filmů, to je něco zcela jiného) a za třetí rozdíl mezi 256 barevným GIFem a TrueColor JPEGem není nikterak veliký. Pokud nepočítáme to, že GIF se rychleji zpracovává. Další možností jsou obrázky formátu PNG, které lze považovat za novější GIFy, jsou ale daleko méně rozšířené. Nicméně je lze použít, v CABu ale pro tento případ musíte mít příslušné OVL-ko, tedy např. JPEG_PNG.OVL.

Neznámý vojín