Door
Joakim Broden
op 03-06-2014 23:34
gewijzigd op 03-06-2014 23:47
1.710 views
Kan iemand mij het verschil uitleggen tussen block- en inline level elementen. Ik probeer mijn vriendin dit uit te leggen maar ik weet niet hoe.
Voor mij is het duidelijk, bijvoorbeeld een div mag niet in een p zitten. Dit heb ik altijd zo geleerd. Maar waarom kan ik niet precies uitleggen. En ik heb op internet gezocht maar het word mij niet duidelijk.
Deze regel zou je kunnen zien als een inline elemement, een element zonder breedte en hoogte.
Deze regel zou je kunnen zien als een inline elemement, een element zonder breedte en hoogte.
Zoals je ziet staat er nu een blok omheen... ofwel, een block-element!
En nu vraag ik je... hoe raar zou het zijn als ik een block-element in de onderstaande regel zou stoppen ;-)
"Deze regel zou je kunnen zien als een inline elemement, een element zonder breedte en hoogte."
Dat zou bijzonder lastig worden :) Anders gezegd... dat kan eigenlijk helemaal niet!
Een <p>, <h1>, <h2> etc is een block-level element en geen en inline-level. Een <div> is ook een block-level element, dus eigenlijk zou die in een <p> mogen zitten. Hebben elementen zoals <p>, <h1>, <h2> een uitzondering omdat deze voor tekst bedoeld zijn (flow content)? En zijn er nog meer van dit soort uitzonderingen?
Goede vraag... hmmm... ik zou zeggen dat een div een container element is. Binnen dit container element kun je weer andere elementen plaatsen. Door een div element in een paragraaf te zetten "breek" je de paragraaf. Dit heb ik van een andere site geGoogled:
One thing to keep in mind when using the DIV element is that it breaks paragraphs. It acts as a paragraph end/beginning, and while you can have paragraphs within a DIV you can’t have a DIV inside a paragraph.
Ik zou het vooral logisch bekijken. Waarom zou je in een paragraaf een div zetten? Dat is niet logisch. En waarom zou je er een titel inzetten? Die zet je er boven. Denk gewoon aan hoe je een boek schrijft. Dan ga je ook niet iets IN een paragraaf plaatsen, maar er boven, onder, links of rechts ervan.
