h1 - Český HTML 5 manuál

HTML a CSS Manuál Textové tagy h1 - Český HTML 5 manuál

Nadpis úrovně 1 má nejvyšší váhu a od HTML 5 jich může být více. Hned po něm se používá nadpis druhé úrovně (tag <h2>) a správně by se nemělo skákat ke třetí či dál. Obsahuje povětšinou nadpis webových stránek a nadpisy článků. Může též označovat nejhlavnější kategorii v postranním panelu. Tento hlavní nadpis obsahuje název webu a případně nějaký slogan např.:

<h1>Rybočich - vše pro ryby a akvarijní živočichy</h1>

Výsledek:

Nadpis h1 v HTML 5

Jelikož často používáme pro takovýto název webu grafické logo, vžil se způsob obrázkového nadpisu h1, který je přívětivý i pro vyhledávače. Obrázky jsou řádkové elementy a nadpisy blokové, můžeme tedy snadno obrázek vložit přímo do tagu h1:

<h1><img src="logo.png" alt="Rybočich - vše pro ryby a akvarijní živočichy"
title="Rybočich - vše pro ryby a akvarijní živočichy" /></h1>

Pro jistotu zadáme i alternativní text, i titulek, aby vyhledávače nadpis správně zaindexovaly. U některých webů lze vidět obrázkový nadpis řešený tak, že mají v h1 text, který poté pomocí CSS skryjí nebo nastaví mimo obrazovku. Všechny takovéhle nekalé techniky jsou však nebezpečné, protože se Google nemusí líbit (a také nelíbí) a váš web je poté evidován jako podvodný. To samozřejmě sníží jeho pozici ve vyhledávači a tím i návštěvnost.

Pokud máte statické webové stránky (např. s iframe), bude v nadpisu h1 spíše zaměření dané stránky než název webu.


 

  Aktivity (1)

Manuál pro vás napsal IT Man
Avatar
Autor se primárně věnuje vývoji webových stránek v PHP a v JavaScriptu (knihovna jQuery). Napsal část manuálu HTML 5 a CSS 3, kde má celkem velký přehled. Jednoduše má v oblibě weby.

Miniatura
Všechny články v sekci
Textové tagy - Český HTML 5 manuál

 

 

Komentáře

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zatím nikdo nevložil komentář - buď první!