| Autor | Zpráva | ||
|---|---|---|---|
| moom Profil |
#1 · Zasláno: 28. 1. 2012, 20:20:47
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 |
#2 · Zasláno: 28. 1. 2012, 20:49:57
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 |
#3 · Zasláno: 28. 1. 2012, 21:54:57
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 |
#4 · Zasláno: 28. 1. 2012, 22:20:57
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 |
#5 · Zasláno: 28. 1. 2012, 23:10:14
Ano, ano, děkuji za pomoc.
Nuže, co by jste tedy zvolil jako popisek? |
||
| Chamurappi Profil |
#6 · Zasláno: 28. 1. 2012, 23:32:13
Reaguji na mooma:
Odstavec. |
||
| moom Profil |
#7 · Zasláno: 28. 1. 2012, 23:43:55
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... |
||
|
Časová prodleva: 12 let
|
|||
0