devel.cz

Zdravím všetkých,

čo si myslíte o tom, že A tag pre linku by mohol obsahovať viacero rôznych elementov(nadpisy a pod.) Konzervatívnejším to asi bude pripadať trocha prasácky, ale myslím, že to má svoje opodstatnenie.

Narážam napríklad na zoznam produktov v eshope, kde je kvôli mobilným zariadeniam väčšinou lepšie mať link nad celým "chlievikom" produktu. V HTML5 je to už dokonca validné.

Zatiaľ som prišiel na 3 možnosti riešenia + môj pohľad na ne:

• každý klikateľný element, v chlieviku by bol obalený A tagom => zbytočne veľa A tagov(neprehľadný kód) a na mobilných zariadeniach by sa na to možno blbe triafalo
• do chlieviku umiestniť A tag, nastaviť position:absolute;top:0;left:0;width:100%;height:100% => prehľadný kód(jeden A tag na chlievik), nesémantické(A tag je prázdny)
• celý "chlievik" obaliť do A tagu, nastaviť display:block => prehľadnejší kód, sémantický, dobrý pre mobilné zariadenia a príde mi to celkom logické

Čiže by to mohlo vyzerať nejako takto:
(ak by niekomu pri pohľade na to prišlo nevoľno, vopred sa ospravedlňujem) :D

<ol>
<li>
<a href="link-na-produkt.html">
<img src="Obrazok" alt="Klobasa">
<h3>Klobása</h3>
</a>
</li>
</ol>

Ďakujem za vaše konštruktívne názory.