Permalänk
Medlem

När är <p> fel?

I jakten på snygg och lättöverskådlig HTML-kod finner jag mig ofta fundera över mindre detaljer. Ta efterföljande stycke till exempel:

<div id="sidebar"> <img src="lips.gif"> <span class="date">2010-04-14</span> <p>Lorem ipsum ... </p> <a href="full.html">Read more</a> </div>

Min fundering här är om man bör låta <a> stå fritt eller om det är mer semantiskt korrekt att ha den inuti ännu en p-tag. Samma gäller för span-elementet och egentligen även för bilden då den också är ett inline-element. Elementen är förvisso nästade i div-taggen så regulationerna för inline-element följs, men samtidigt är de förknippade med huvudtexten i <p>.

Det jag är mest fundersam i exemplet ovan är just a-elementet. Att det ska vara utanför lorem ipsum-paragrafen känns riktigt då den paragrafen symboliserar ett utdrag av en längre textmassa. Samtidigt är "read more" rent tekniskt sett för kort för att kallas ett stycke.

En bieffekt av att lämna a- utanför p-taggen är att jag tvingas styla den separat, istället för att låta <p> bestämma fontstorlek. När jag kommit så här långt i tankebanan börjar jag fundera på om den ändå inte ska nästas i en ny p-tag.
Vad tänker ni?

Visa signatur

Kom-pa-TI-bilitet

Permalänk

Jag kör a-taggen i p-taggen.

Visa signatur

Citera, tack!
Har du läst tråden om strandhögtalare och andra musiklådor?

Permalänk

Jag kan nog tycka att saker som är med i löptexten ska ligga inuti paragrafen (p ska ju stå för en paragraf med text). saker som inte är med i paragrafen är ... inte med i paragrafen

Visa signatur

/Mvh Stefan

Permalänk
Medlem

Mjo, hade stycket följts av ett annat stycke så hade det naturligtvis legat inuti en p-tag. "Read more" är ju i detta fallet inte något som hör den stora textmassan till så det kanske passar bättre utanför av den enkla anledningen.

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem

Jag skulle nog säga den metod som är snabbast att få marginalerna rätt på, så det beror på.

Visa signatur

i7 920 | 12GB DDR3 | GTX 480 | GA-X58A-UD7 | 160GB SSD X25-M G2 | 1TB F3 HD103SJ | W7 64-bit | Mac Mini
Webb: bluekitestudios.com