|
|||||||||||||||||||||||||||||||||||||||||||||||||
Menu
Distributions (131)
bootable [55]
commercial [7] no-commercial [42] unclassified [20] [7]
Software (10844)
|
HTML (19) - metadataNaše stránky můžeme doplnit různými informacemi, které nejsou na první pohled vidět, ale o to zajímavější informace mohou poskytovat.
Pokud čtete tento seriál pravdidelně, jistě si vzpomenete na první díl, ve kterém jsme mluvili o kódování stránek (o znakových sadách) a už tehdy jsme se setkali s prvními metadaty. Právě pomocí metadat jsme nastavovali, jaká znaková sada je použita na našich stránkách. Meta data zapisujeme pomocí elementu <meta>, který smíme vložit jen do hlavičky dokumentu. <meta> je nepárový element, takže ukončovací tag nemá cenu používat. Ono by to ani pořádně nešlo, protože pokud byste se pokusili tento (stejně jako jakýkoli jiný) nepárový element ukončit, vedlo by to k chybě a vaše stránka by neprošla validátorem. Nyní se blíže podíváme na povolené atributy a uvedeme si několik příkladů. Metadata jsou údaje ve formátu atribut - hodnota. Jméno "atributu" můžeme definovat pomocí atributu name="". Povolené hodnoty nejsou definovány, takže můžete jako název použít prakticky libovolný řetězec. Stejný význam jako name="" má i http-equiv="". Jediný rozdíl je v tom, že http servery používají metadata definovaná pomocí http-equiv="" při sestavování odpovědi (požadované stránky) na požadavek klienta. Atributenm content="" určujeme hodnotu, kterou mají metadata předávat. Jejím obsahem může být opět libovolný řetězec, protože specifikace nejmenuje žádné nepovolené znaky. Další užitečný atribut je schema="", kterým definujeme nějaké dodatečné informace k právě definovaným datům. Můžete tak určit doplňující informace o definovaných datech. Pokud v metadatech uvádíte nějaké datum, můžete pomocí schema="" určit, v jakém formátu je datum zapsaná. Atributem lang="" mnůžete definovat jazyk, kterým jsou data zapsaná. Hodí se to třeba pro případ, kdy v metadatech uvádíte své jméno a nechcete, aby ho čtečka zkomolila. :) Čtečka by potom měla vyslovit vaše jméno správně, podle výslovnosti jaká je ve vámi určeném jazyce běžná. Můžete použít i atribut dir="", kterým určíte, jakým směrem se mají metadata číst. Příklady použitíPokud chcete někam na své stránce napsat, kdo je jejím autorem, ale nechcete, aby se to objevilo někde v textu zobrazeném na stránce, jsou metadata tou pravou volbou. Stačí jen napsat tento řádek do hlavička dokumentu (samozřejmě také musíte adekvátně změnit jméno).
<meta name="Author
" content="Jan Novák">
Velice podobně můžete určit i vlastníka stránky:
<meta name="Owner
" content="Miloš Novák">
Na stránku si můžete velice jednoduše zadat copyright
<meta name="copyright
" content="© 2004 Firma Jana Nováka">
Pozn.: Asi bych měl ještě vysvětlit konstrukci Můžete si nastavit klíčová slova, na která má být ve výsledcích vyhledávání právě Vaše stránka.
<meta name="keywords
" content="Novák,elektornistalace">
Můžete si také definovat popisek, který bude stručně charakterizovat, o čem jsou vaše stránky.
<meta name="description
" content="Stránky firmy pana Nováka; děláme elektro instalace">
Toto ale není jediný způsob, jak si zlepšit pozici ve vyhledávačích. Tady je další užitečný metatag.
<meta name="robots
" content="index,follow">
Pokud nechcete svoji stránku indexovat ve vyhledávači použijte toto:
<meta name="robots
" content="noindex,nofollow">
Pomocí hlaviček můžete určit zda, se má vaše stránka ukládat do cache paměti. (Existuje více typů metadat, které zabraňují kešování, ale vzhledem k tomu že, tohle má spíše užitek v dynamických stránkách, kde máte funkce na generování těchto metadat, si myslím vystčíme s tímto jedním příkladem)
<meta name="pragma
" content="no-cache">
Pomocí metadat můžete také návštěvníka automaticky přesměrovat. Tento kód přesměruje návštěvníka po 10 sekundách na stránky linuxsoft.cz. Protože jde o zprávu pro server, použijeme http-equiv="".
<meta name="refresh
" content="10; url=http://www.linuxsoft.cz/">
Existují i speciální metadata pro vkládání technických informací na stránky. Tyto metadata se v praxi příliš nepoužívají, proto, zde uvedu jen kde najdete další informace. [http://dublincore.org/]
Related article
HTML (1) HTML (2) - odstavec a nadpisy HTML (3) - styly písma HTML (4) - odkazy HTML (5) - obrázky HTML (6) - obrázky 2 HTML (7) - seznamy HTML (8) - tabulky HTML (9) - tabulky 2 HTML (10) - tabulky 3 HTML (11) - formuláře HTML (12) - formuláře 2 HTML (13) - formuláře 3 HTML (14) - formuláře 4 HTML (15) - formuláře 5 HTML (16) - rámy HTML (17) - rámy 2 HTML (18) - rámy 3 HTML (20) - dokončujeme Webové Standardy 1 - Historie, problém a řešení HTML (21) - Přecházíme na XHTML Dynamické načítání dat z databáze pomocí jQuery a PHP Programujeme chat s dynamickým načítáním HTML 5 I. - Úvod do HTML 5 HTML 5 II. - Ako začať s tvorbou HTML 5 dokumentu Previous Show category (serial) Next
|
Szukanie oprogramowania
|
|||||||||||||||||||||||||||||||||||||||||||||||
©Pavel Kysilka - 2003-2024 | maillinuxsoft.cz | Design: www.megadesign.cz |