Autor Zpráva
moom
Profil
Dobrý den, mám prosím dotaz. Mám webové stránky,
v rámci kterých jsou tři samostatné html stránky, obsahující
galérie obrázku. Zde pro zvětšení využívám jQuery Fancybox.
A na každé stránce je cca 60 fotek.

V minulosti jsem měl jednotlivé fotografie udělané tak,
že jednotlivé fotografie jsem umístil do samostatných
div elementů s popiskem h4, protože jsem si myslel,
že jednotlivé názvy fotografii nemůžou mít h1.

<div class="thumbnail"> 
  <a href="foto-1.jpg" rel="galerie" title="Název fotky"> 
    <img src="thumb/foto-1.jpg" width="260" height="195" alt="Název fotky"> 
  </a>
  <h4>Název fotky<span>Doplňující text</span></h4>
</div>

Teď jsem předělal web do HTML5 a netuším a nikde na webu
jsem nenašel jestli můžu každý obrázek zabalit do tagu figure
a využít figcaption, aby bylo jasné, že to je popisek k fotografii.
Nebo jestli použít seznam UL, LI, případně DL, DT, DD...

<figure> 
  <a href="foto-1.jpg" rel="galerie" title="Název fotky"> 
    <img src="thumb/foto-1.jpg" width="260" height="195" alt="Název fotky"> 
  </a>
  <figcaption>
    <h1>Název fotky<span>Doplňující text</span></h1>
  </figcaption>
</figure>

Máte prosím nějakou radu, jak to co nejlépe vzhledem k SEO udělat?
A můžu u popisků využít všude H1 pro popisek?
No a ještě mně napadá, jestli Doplňující text, který
mám v současné době jako span, zalomený na dalším řádku,
udělat jako H2 nebo třeba P?

prosím, prosím
Bubák
Profil
moom:
Máte prosím nějakou radu, jak to co nejlépe vzhledem k SEO udělat?
Pokud neuděláš vyložený nesmysl, tak je to jedno, jak to budeš „vzhledem k SEO“mít.
Já osobně bych se zatím HTML5 elementům vyhnul, IE8 a starší je nativně neznají.

Doplňující text, který mám v současné době jako span, zalomený na dalším řádku, udělat jako H2 nebo třeba P?
Nevím, co máš v doplňujícím textu, jestli je to podnadpis, nebo odstavec, rozhodni se sám. Ale silně nedoporučuji, tak jak to máš v současné ukázce SPAN bez zalomení nebo mezery v kódu, protože při vypnutých stylech dostaneš, co nechceš:
Název fotkyDoplňující text
moom
Profil
Děkuji za odpověď. Mezery v originále mám, jenom jsem
je do ukázky nenapsal.

A mohu se prosím ještě zeptat, jestli by nebylo
lepší dát jednotlivé obrázky jako seznam galerie <LI> a dát popisek
jako součást linku <A>. A podnadpis udělat jako další H2.
Jenom netuším co udělá 60x nadpis h1.

<li> 
  <a href="foto-1.jpg" rel="galerie" title="Název fotky"> 
    <img src="thumb/foto-1.jpg" width="260" height="195" alt="Název fotky"> 
  <h1>Název fotky</h1> 
   <h2>Doplňující text</span></h2>
  </a>
</li>
Chamurappi
Profil
Reaguji na mooma:
Teď jsem předělal web do HTML5
HTML 5 je specifikace definující obecně text/html dokumenty. Nejde do ní předělat web, všechny weby jsou prohlížečem vnímány jako HTML 5.

A můžu u popisků využít všude H1 pro popisek?
Copak je popisek fotky nadpis?
moom
Profil
Ano, ano, děkuji za pomoc.
Nuže, co by jste tedy zvolil jako popisek?
Chamurappi
Profil
Reaguji na mooma:
Odstavec.
moom
Profil
Paráda, děkuji, děkuji, takže nejlepší asi bude toto
s využitím seznamu LI a popisek jako odstavec P.

<li> 
  <a href="foto-1.jpg" rel="galerie" title="Název fotky"> 
    <img src="thumb/foto-1.jpg" width="260" height="195" alt="Název fotky"> 
  <p>Název fotky</p> 
  <p>Doplňující text</p>
  </a>
</li>

Ještě jsem našel stránku, kde popisují galerii s využitím
tabulky, lze definovat i caption. Třeba Picasa, má taky
fotky jako jednotlivé buňky tabulky...

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: