Menthal27

XHTML: Divit

Mitä divit ovat?

Divit ovat läpinäkyviä, reunuksettomia elementtejä, joilla ei ole mitään rakenteellista merkitystä XHTML:ssä. Ne eivät siis merkitse mitään: ne eivät kerro, että tässä on otsikko (kuten <h1> tekee) tai kappalejako (kuten <p> tekee).

Tämän takia divejä käytetään yleisesti sivujen ulkoasun muotoiluun. Niitä käytettäessä ei tarvitse miettiä, sopiiko niiden sisään laitettava sisältö elementin tarkoitukseen, koska mitään määriteltyä tarkoitusta ei ole. Käyttö on siis vapaata, mutta divejä ei kannata käyttää sellaisten asioiden ilmaisuun, joille on jo oma elementtinsä (kuten lainaus, otsikko ja kappalejako).

Diveihin liitetään lähes poikkeuksetta CSS-muotoiluja: jos diviin ei ole kohdistettu mitään muotoiluja, sen olemassaolon sivulla huomaa ainoastaan siitä, että sitä ennen ja sen jälkeen on sivulla rivinvaihto. Se on siis periaatteessa täysin näkymätön ja huomaamaton elementti. Tällaisena se auttaa huomattavasti mm. sivujen ulkoasun taittoa.

Lyhyesti ilmaistuna:

  • Div on oletuksena lohkotason elementti (eli sitä ennen ja sen jälkeen on sivulla rivinvaihto). Tämän voi kuitenkin muuttaa CSS:llä.
  • Tekstitason elementtinä diviä vastaa span.
  • Div on oletuksena läpinäkyvä ja reunukseton.
  • Divejä voi laittaa sisäkkäin rajattoman määrän.
  • Divien sisään voi laittaa kaikenlaista sisältöä, kuten kuvia (toisin kuin esimerkiksi kappaleeseen, <p>).
  • Koska div on lohkotason elementti, sitä ei voi laittaa tekstitason elementtien (esimerkiksi spanin tai lyhenteiden) sisään.

Lähdekoodiin div merkitään hyvin yksinkertaisesti:

<div>Divin sisältö.</div>

Diviin yhdistetään yleensä class-tai id-attribuutti tai siihen upotetaan CSS:ää suoraan.

Esimerkkejä divien käytöstä

Divien käyttöön liittyviä esimerkkejä löydät "Oppaat ja esimerkit"-osiosta.

  

Menthal27 © Sonja Valkeinen 2002-2008. Shadows. WP. Takaisin sivun alkuun.