Práce s obsahem hlavičky stránek

Naposledy aktualizováno 27. 4. 2021

Zobrazení a úprava obsahu na webové stránce Dreamweaver, nastavení meta vlastností a názvu stránky, zadání klíčových slov a popisů pro stránku a mnohé další.

Stránky obsahují prvky, které popisují informace na stránce a které využívají vyhledávače.Můžete nastavit vlastnosti prvků head které řídí, jak jsou vaše stránky identifikovány.

Zobrazení a úpravy obsahu hlavičky

Elementy můžete zobrazit v sekci head dokumentu pomocí zobrazení kódu nebo pomocí inspektoru kódu.

Vložit prvek do sekce head dokumentu

Vyberte tag „head“ pomocí možnosti Vložit > HTML.

Zadejte možnosti pro prvek v dialogovém okně, které se objeví, nebo v Inspektoru vlastností.

Upravit prvek v sekci head dokumentu

Elementy „head“ můžete upravit přímo zadáním kódu v zobrazení kódu, nebo pomocí inspektoru vlastností.

Pokud budete chtít upravit elementy v sekci „head“ pomocí inspektoru vlastností, postupujte takto:

Vyberte element „head“ na panelu DOM (Okno > Panel DOM). 

Inspektor vlastností zobrazí vlastnosti vybraného elementu.

Nastavte nebo upravte vlastnosti prvku v inspektoru Vlastnosti.

Nastavení vlastností meta pro stránku

Značka meta je prvek head, který zaznamenává informace o aktuální stránce, jako je kódování znaků, autor, autorská práva nebo klíčová slova. Tyto značky lze také použít k poskytnutí informací serveru, jako je datum vypršení platnosti, interval obnovení a hodnocení POWDER pro stránku. (POWDER, protokol pro zdroje popisu webu, poskytuje metodu pro přiřazování hodnocení, jako jsou filmová hodnocení, webovým stránkám.)

Přidání meta tagu

Vyberte možnost Vložit > HTML > Meta.

V dialogovém okně, které se objeví, určete požadované vlastnosti.

Úpravy existujícího meta tagu

Elementy „meta“ můžete upravit přímo zadáním kódu v zobrazení kódu, nebo pomocí inspektoru vlastností.

Pokud budete chtít upravit elementy v sekci meta pomocí inspektoru vlastností, postupujte takto:

Vyberte element „head“ na panelu DOM (Okno > Panel DOM). 

Inspektor vlastností zobrazí vlastnosti vybraného elementu.

Na panelu DOM vyberte meta tag.

Určete vlastnosti v inspektoru vlastností.

Atribut

Určuje, zda značka meta obsahuje popisné informace o stránce (name) nebo informace hlavičky HTTP (http-equiv).

Hodnota

Určuje typ informací, které v této značce poskytujete. Některé hodnoty, jako description, keywords a refresh, jsou již dobře definované (a mají své vlastní inspektory vlastností v aplikaci Dreamweaver), ale můžete zadat prakticky libovolnou hodnotu (například creationdate, documentID nebo level).

Obsah

Určuje skutečné informace. Například, pokud jste zadali level pro hodnotu, můžete zadat beginner, intermediate nebo advanced pro obsah.

Nastavení titulu stránky

Existuje pouze jediná vlastnost titulu: titul stránky. Název stránky můžete upravit pomocí jedné z následujících metod:

  • Úprava názvu přímo v kódu (v zobrazení kódu)
  • Na panelu DOM vyberte tag „title“ a upravte název v inspektoru vlastností

Určení klíčových slov stránky

Mnoho robotů vyhledávačů (programy, které automaticky procházejí web a shromažďují informace, které vyhledávače používají k indexování) čte obsah značky Keywords meta a používá tyto informace k indexování vašich stránek ve svých databázích.Protože některé vyhledávače omezují počet klíčových slov nebo znaků, které indexují, nebo ignorují všechna klíčová slova, pokud překročíte limit, je dobré použít jen několik pečlivě vybraných klíčových slov.

Přidání meta tagu pro klíčová slova

Vyberte možnost Vložit > HTML > Klíčová slova.

Zadejte klíčová slova oddělená čárkami v dialogovém okně, které se objeví.

Úpravy meta tagu pro klíčová slova

Meta popisy klíčových slov můžete upravit pomocí jedné z následujících metod:

  • Úprava klíčového slova přímo v kódu (v zobrazení kódu)
  • Na panelu DOM vyberte meta tag pro klíčové slovo a prohlédněte si, upravte nebo odstraňte klíčová slova v inspektoru vlastností.
Poznámka

Klíčová slova je třeba oddělit čárkami.

Určení popisu stránky

Mnoho robotů vyhledávačů (programy, které automaticky procházejí web a shromažďují informace pro vyhledávače za účelem indexování) čte obsah značky Description meta.Některé používají informace k indexování vašich stránek ve svých databázích a některé také zobrazují informace na stránce výsledků vyhledávání (místo zobrazení prvních několika řádků vašeho dokumentu). Některé vyhledávače omezují počet znaků, které indexují, takže je dobré omezit popis na několik slov (například Catering grilovaného vepřového masa v Albany, Georgia nebo Webový design za rozumné ceny pro klienty po celém světě).

Přidání meta tagu popisu

Vyberte možnost Vložit > HTML > Popis.

V dialogovém okně, které se objeví, zadejte popisný text.

Úpravy meta tagu popisu

Meta popisy můžete upravit pomocí jedné z následujících metod:

  • Úprava popisu přímo v kódu (v zobrazení kódu)
  • Na panelu DOM vyberte meta tag pro popis a popis upravte v inspektoru vlastností.

Nastavit vlastnosti obnovení stránky

Použijte prvek Refresh k určení, že prohlížeč má automaticky obnovit stránku – znovu načtením aktuální stránky nebo přechodem na jinou – po určité době.Tento prvek se často používá k přesměrování uživatelů z jedné URL na jinou, často po zobrazení textové zprávy, že se URL změnila.

Přidání meta tagu aktualizace

Vyberte možnost Vložit > HTML > Meta.

V nově otevřeném dialogovém okně určete následujícím způsobem vlastnosti:

Atribut

Určuje, že meta tag obsahuje informace o hlavičce HTTP (http-equivalent).

Hodnota

Určuje, že typ informací, které v tomto tagu zadáváte, je refresh.

Obsah

Určuje čas v sekundách, který se bude čekat před tím, než prohlížeč stránku aktualizuje. Chcete-li, aby prohlížeč obnovil stránku okamžitě po dokončení jejího načtení, zadejte do tohoto rámečku hodnotu 0.

Úpravy meta tagu „refresh“

Meta tag pro obnovení můžete upravit pomocí jedné z následujících metod:

  • Úprava vlastností přímo v kódu (v zobrazení kódu)
  • Na panelu DOM nebo v rámci kódu vyberte meta tag pro obnovení a upravte vlastnosti v inspektoru vlastností.

Úpravy meta tagu „base“

Podle potřeby můžete upravit element „base“, který umožňuje nastavit základní adresu URL tak, aby všechny Cesty relativní k dokumentu byly ve stránce považovány za relativní k této adrese URL.

Na panelu DOM vyberte element „base“.

V inspektoru Vlastnosti zadejte vlastnosti značky Base meta.

Href

Základní adresa URL. Klikněte na tlačítko Procházet k procházení a výběru souboru nebo zadejte cestu do pole.

Cíl

Určuje rám nebo okno, ve kterém se mají otevřít všechny propojené dokumenty. Vyberte jeden z rámů v aktuální sadě rámů nebo jednu z následujících rezervovaných názvů:

  • _blank načte propojený dokument v novém nepojmenovaném okně prohlížeče.

  • _parent načte propojený dokument do nadřazené sady rámů nebo okna rámu, který obsahuje odkaz. Pokud rám obsahující odkaz není vnořený, pak je to ekvivalentní s _top; propojený dokument se načte do celého okna prohlížeče.

  • _self načte propojený dokument ve stejném rámu nebo okně jako odkaz. Tento Target je výchozí, takže ho obvykle nemusíte specifikovat.

  • _top načte propojený dokument v celém okně prohlížeče, čímž odstraní všechny rámy.

Podle potřeby můžete upravit tag link, který definuje vztah mezi aktuálním dokumentem a jiným souborem.

Poznámka

Značka link v sekci head není totéž co HTML odkaz mezi dokumenty v sekci body.

Na panelu DOM nebo v zobrazení kódu vyberte element „link“.

Ve Vlastnosti inspektoru určete vlastnosti meta značky Link.

Href

URL souboru, ke kterému definujete vztah. Klikněte na tlačítko Procházet a vyberte soubor nebo zadejte cestu do pole.Poznámka: tento atribut neindikuje soubor, na který odkazujete v obvyklém HTML smyslu; vztahy specifikované v prvku Link jsou složitější.

Identifikátor

Určuje jednoznačný identifikátor pro odkaz.

Titul

Popisuje vztah. Tento atribut má speciální význam pro propojené styly; další informace najdete v sekci Externí styly specifikace HTML 4.0 na webových stránkách World Wide Web Consortium na adrese www.w3.org/TR/REC-html40/present/styles.html#style-external.

Rel

Určuje vztah mezi aktuálním dokumentem a dokumentem v poli Href. Možné hodnoty zahrnují Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help a Bookmark. Chcete-li určit více než jeden vztah, oddělte hodnoty mezerou.

Zpět

Určuje obrácený vztah (opak Rel) mezi aktuálním dokumentem a dokumentem v poli Href. Možné hodnoty jsou stejné jako hodnoty pro Rel.