webForumDet fria alternativet

att föredra div eller span

HTML & CSS

7 svar · 447 visningar · startad av netfeed

Medlem sedan mars 2001593 inlägg
Frågan#1

nå när skall man använda vad och till vilka saker är de olika taggarna bra till?

Medlem sedan juli 20013 378 inlägg
#2

Grundinställningar:
<div> är ett block, dvs före och efter innehållet radbryts det automagiskt om man inte kopplat bort detta med CSS.

<span> Är en Inline-tag som inte påverkar utseendet på de ord som den innehåller alls. Inte heller radbryts det före eller efter en <span> om man inte ändrat det beteendet med CSS.

Rekommendation alltså:
<div> - när du vill ha ett block (eller ett "layer" som du positionerar ut med CSS ;) )
<span> - när du vill påverka en del av en textrad eller motsvarande.

Medlem sedan aug. 20004 638 inlägg
#3

W3C skrev:

The DIV and SPAN elements, in conjunction with the id and class attributes, offer a generic mechanism for adding structure to documents. These elements define content to be inline (SPAN) or block-level (DIV) but impose no other presentational idioms on the content. Thus, authors may use these elements in conjunction with style sheets, the lang attribute, etc., to tailor HTML to their own needs and tastes.

Från http://www.w3.org/TR/html4/struct/global.html#edef-SPAN

Medlem sedan mars 2001593 inlägg
#4

okej då fattar jag
tackar

Medlem sedan sep. 2001649 inlägg
#5

blir inte <p>
</p>
ett liknande block som div?

Medlem sedan maj 20001 215 inlägg
#6

Skillnaden är, att med <p> infogas en extra radbrytnig innan blocket.

Medlem sedan maj 200010 687 inlägg
#7

Så behöver det inte vara. Saken med <p> är att den påbörjar ett nytt stycke. Sen kan det se ut lite hur som helst.
Det går ju t.ex. lätt att ta bort den "radbrytning" (marginal) som kommer före/efter med CSS. :)

Medlem sedan maj 200010 687 inlägg
#8

Här har jag förresten försökt göra en liten förklaring till skillnaderna mellan block och inline. :)

https://www.juhlin.nu/wf/blockvsinline.html

1319 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
1179 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
1182 ms — ändringar (db)