Vad är det för egentlig skillnad mellan <DIV> och <SPAN>? Som jag har förståt det så är det så här: Det finns gott om bra kurser i ämnet Cascading Style Sheets på nätet och funktionaliteten bara utökas hela tiden...Skillnad <DIV> / <SPAN>?
Har dom olika funktionalitet?
När skall man använda den ena eller den andra?Sv: Skillnad <DIV> / <SPAN>?
Styckeelementet DIV och textelementet SPAN ger inte någon egen formatering, utan användes enbart för att koppla regler till innehållet på en webbsida.
Genom att använda dem i sidans kod och koppla stilmallar till dem med olika väljare kan du formge en webbsida helt oberoende av de vanliga HTML-taggarna.
Ex:
<html>
<head>
<STYLE TYPE="text/css">
DIV {font: 2em ariel}
SPAN {font-style: italic}
</STYLE>
</head>
<body>
<DIV>Div och span kan användas <SPAN>tillsammans</SPAN> med stillmallar</DIV>
<DIV>Ytterigare ett element Div</DIV>
</body>
</html>
//Tomas
Sv: Skillnad <DIV> / <SPAN>?
Vanligtvis så ger man inte regler direkt för DIV och SPAN-taggarna utan kopplar istället t ex olika klasser till olika stycken text.
<code>
<style type="text/css">
.red_text { color: red }
.bold_text { font-decoration: bold }
</style>
Lite <span class="red_text">röd</span> text och text med <span class="bold_text">fet</span> stil...
</code>
Det finns en MASSA olika inställningar, givetvis är de mer exotiska olika (tyvärr) för IE, Netscape och andra browsers... SPAN används i alla fall vanligtvis INNE i en löpande text medans DIV brukar användas för att ge olika egenskaper till ett helt stycke text.
För att se olika egenskaper i IE, gå in på microsofts egna uppslagsverk som finns online, http://msdn.microsoft.com - sök på "dhtml reference" där finns sedan länkar till både CSS, DHTML och en del annat godis. DHTML är när man förändrar olika delar av en sida mha JavaScript, främst då förändrar olika taggars CSS-attribut t ex gör olika delar synliga/osynliga eller animerar dem över skärmen... etc etc...
CSS-reglerna kan sedan lagras i olika separata dokument, och numera kan även tillhörande JavaScript-kod för DHTML lagras helt separat för att göra koden för en sida mer lättläst...
Lycka till!
// Qez