div-elementet

<div> er et element som brukes mye i forbindelse med id- og klassevelgere. <div>-taggen gjør i utgangspunktet ingenting med innholdet, men brukes for å gruppere innhold eller til å hekte class eller id på innholdet, slik at man enkelt kan legge CSS-kode eller annen kode til elementet. Du kan legge et hvilket som helst innhold i et <div>-element. På grunn av dette er <div> en av de mest brukte HTML-taggene, og den brukes ofte i stedet for andre tagger som er mer spesifikke, som for eksempel <ul>, <p> eller <table>.

Eksempel

<div class=”miniatyrbilde”>
  <img src=”bilde.png”>
  <div class=”bildetekst”>Et bilde</div>
</div>

I eksemplet brukes den første <div>-en til å gruppere et bilde og en bildetekst, og den andre <div>-en brukes til å formatere bildeteksten med class-velger i CSS.

<span>

En annen tag som ligner på <div>, er <span>. Forskjellen er at <span> er såkalt inline, som betyr at den kan brukes til å markere enkeltord eller deler av ei linje uten at tekstflyten blir påvirket. <div> vil automatisk lage linjeskift før og etter elementet.

Denne teksten er opprinnelig publisert på ndla.no