Beste SD'ers,

Ik maak zelf af en toe websites, en zelf gebruik ik vaak Divs. Ik zie echter op andere sites ook vaak dat <span> gebruikt wordt. Zitten er voordelen aan het gebruiken van <span>? Zo ja, welke? Of maakt het eigenlijk niet zoveel uit?

Alvast bedankt,
Simon

Span is een zogenaamd inline element.
Dat wil zeggen dat het bedoeld is om in tekst ("IN LINE") te staan.
Het heeft zelf geen afmetingen.

Div is een container waarin je elementen kan zetten.
Een div benut de maximale breedte.

div is een block element en een span weer inline.
In feite doe je grote blokken aan code in een div, in feite functionerend als containers waarbij een span element meer gebruikt word voor kleinere stukjes html. Deze kleinere stukjes kun je bijvoorbeeld gebruiken waarbij een <a tag, headings of andere elementen geen goede oplossing zijn om een stukje tekst of wat dan ook een css class/id mee te geven.

Aha, bedankt!

http://bit.ly/199swpy

Ik studeer momenteel nog NMCT en daar wordt ons verteld dat <div> eigenlijk niets voorstelt.
Of zoals ze op w3.org zelf zeggen: "The <div> element has no special meaning at all."
Zo weinig mogelijk <div> gebruiken, zeker nu met html5 heb je meerdere tags, maar als je twijfelt kan je het evengoed wel gebruiken.

Origineel gepost door Gregory Courtens

Ik studeer momenteel nog NMCT en daar wordt ons verteld dat <div> eigenlijk niets voorstelt.
Of zoals ze op w3.org zelf zeggen: "The <div> element has no special meaning at all."
Zo weinig mogelijk <div> gebruiken, zeker nu met html5 heb je meerdere tags, maar als je twijfelt kan je het evengoed wel gebruiken.

DIV wordt enorm veel gebruikt. Ondanks dat het gewoon een container is is het misschien wel het meest gebruikte element om te stylen.
Bekijk een bron van een willekeurige website en zoek op "</div>" en verbaas je over de aantallen.

Origineel gepost door Wilbert E.

DIV wordt enorm veel gebruikt. Ondanks dat het gewoon een container is is het misschien wel het meest gebruikte element om te stylen.
Bekijk een bron van een willekeurige website en zoek op "</div>" en verbaas je over de aantallen.

Ja inderdaad, ik gebruik hetzelf ook voor van alles en nog wat. Maar infeite heeft het geen betekenis en hoeft het niet gebruikt te worden.

Origineel gepost door Gregory Courtens

Ja inderdaad, ik gebruik hetzelf ook voor van alles en nog wat. Maar infeite heeft het geen betekenis en hoeft het niet gebruikt te worden.

Kijk anders de source van je school website even? http://www.nmct.be/opleiding/
Wat ze proberen te zeggen is dat je niet te veel divs moet gebruiken. Oftewel elk dingetje maar in een div gooien.

Uiteindelijk heb je gewoon div's nodig, dat kan niet anders. Kijk anders naar dingen zoals de twitter bootstrap, dit is toch wel een beetje van "hoe het moet", en daar staan zat div's in.

Dat het geen "special meaning" heeft, heeft juist te maken met het feit dat het dus geen speciale betekenis heeft, wat dus een speciale betekenis IS.
In vergelijking met een <a of een <img of wat dan ook, doet een div 'niets' waardoor het ideaal is om het te gebruiken voor elementen die niet vallen onder "alles" waar geen element voor is.
Het probleem is dat iedereen te makkelijk een div voor iets pakt, waar andere mogelijkheden voor zijn/waren.

Origineel gepost door Gregory Courtens

Ik studeer momenteel nog NMCT en daar wordt ons verteld dat <div> eigenlijk niets voorstelt.
Of zoals ze op w3.org zelf zeggen: "The <div> element has no special meaning at all."

Dat klopt ook, het is de id of class die wel een special meaning heeft

Origineel gepost door Gregory Courtens

Zo weinig mogelijk <div> gebruiken, zeker nu met html5 heb je meerdere tags, maar als je twijfelt kan je het evengoed wel gebruiken.

Ik zou niet weten waarom het zo weinig mogelijk zou moeten gebruikt worden.
html5 is vziw nog altijd geen algemene standaard en wordt bijlange na niet even breed ondersteund, ik zie niet in waarom ik nav, section en article-tags zou gaan gebruiken als ik hetzelfde kan doen met div class="section" die op alle html5 browsers ook ondersteund wordt en daarnaast ook in zowat alle andere (oude) browsers