Brug af <div> og <span> i nyeste version af HTML

Du bruger stylesheets til at definere dine div og span

<DIV> og <SPAN> anvendes korrekt med styles enten som <DIV CLASS=\"cssklasse\"> eller <SPAN STYLE=\"color: #FFFFFF.....\">

Forskellen ligger i at <DIV> opfører sig som en <P> altså paragraf og laver newline efter </DIV> hvor dette ikke gøres i <SPAN>... dette er den umiddelbarre forskel !

F.eks.

<style type=\"text/css\">
.class1 {font-family: arial; font-size: 16px;}
#div1 {position: absolute; top:20; left: 100; z-index: 1;}
</style>

lægger du mellem dine head-tags.

<span class=\"class1\">Brug af span</span>
<div id=\"div1\">
Her bruges et div tag
</div>

eksempel:

.olsen { font-face:Verdana; font-size:12pt; }

definerer en style hvor teksten skrives med verdana og er 12punkt stor.
den style kan du så lægge i dine html kommandoer:

<span class=\'olsen\'>her står så noget i 12punkts verdana</span>

de styled du definerer kan også bruge i de fleste andre html kommandoer:

<p class=\'olsen\'>Igen 12punkt verdana</p>

mvh JakobA

Alletiders svar - jeg tror nok jeg forstår nu.... deler pointene...

-jayo

Brug gerne et eksternt stylesheet, så du ikke behøver at ændre i mange sider på en gang.

<link rel=\"stylesheet\" type=\"text/css\" href=\"dinfil.css\">
lægger mellem dine headtags på alle dine sider.

dinfil.css:


.class1 {font-family: arial; font-size: 16px;}
#div1 {position: absolute; top:20; left: 100; z-index: 1;}

jeg benytter normalt stylesheets, men var ikke helt sikker på brugen af div og span. Hvorfor forresten # foran div og . foran span??

-jayo

<ole>
\'.\' foran en \'class\': <div class=\"class1\"></div>
\'#\' foran et objekt: <div id=\"div1\"></div>
Det har ikke noget med <div> contra <span> at gøre.

En yderligere forskel er, at du ikke kan sætte borders på <span>.
\'Normalt\' stylesheet er ikke spor mere normalt end eksternt. Til gengæld er eksternt betydelig enklere at håndtere og derfor oftetst bedst at bruge.
/mvh
</bole>

tak olebole, for forklaringen.... ok, jeg mente: \"jeg benytter normalt EKSTERNE stylesheets\"....

have a good day!

j.

...anytime  :)