webForumDet fria alternativet

att föredra div eller span

HTML & CSSur HTML, XHTML & CSS

7 svar · 447 visningar · startad av netfeed

netfeedMedlem sedan mars 2001593 inlägg
#1

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

jarvkloMedlem 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.

AxelMedlem 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

netfeedMedlem sedan mars 2001593 inlägg
#4

okej då fattar jag
tackar

jakeMedlem sedan sep. 2001649 inlägg
#5

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

erreMedlem sedan maj 20001 215 inlägg
#6

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

Erik JuhlinMedlem 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. :)

Erik JuhlinMedlem 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

135 ms totalt · 3 externa anrop · v20260731065814-full.363dfaf6
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)