Mikä on eron lohkotason ja inline-elementtien välillä?
HTML koostuu eri elementeistä, jotka toimivat verkkosivujen rakennuspalikoina. Jokainen näistä elementeistä kuuluu kahteen ryhmään - joko lohkotason elementteihin tai inline-elementteihin. Näiden kahden elementtityyppien välisen eron ymmärtäminen on tärkeä vaihe verkkosivujen rakentamisessa.
Lohkotason elementit
Joten mikä on lohkotason elementti? Lohkokohtainen elementti on HTML-elementti, joka alkaa uudella rivillä Web-sivulla ja laajentaa sen vanhemman elementin käytettävissä olevan horisontaalisen tilan koko leveyden. Se luo suuria sisältölohkoja, kuten kappaleita tai sivujaostoja. Itse asiassa useimmat HTML-elementit ovat lohkotason elementtejä.
HTML-asiakirjan ruumiissa käytetään estotason elementtejä. Ne voivat sisältää inline-elementtejä sekä muita lohkotason elementtejä.
Inline-elementit
Toisin kuin lohkotason elementti, inline-elementti voi:
- Aloita rivi
- Ei aloita uutta riviä
- Sen leveys ulottuu vain niin pitkälle kuin se on määritelty sen tunnisteilla.
Esimerkki inline-elementistä on -merkki, joka tekee fonttitekstistä lihavoituna. Inline-elementti sisältää yleensä vain muita inline-elementtejä, tai se voi sisältää mitään, kuten
break tag.
HTML: ssä on myös kolmas elementti: ne, joita ei lainkaan näytetä. Nämä elementit antavat tietoja sivusta, mutta niitä ei näytetä, kun ne on tuotettu verkkoselaimessa.
Esimerkiksi: