Virusscanner tips?
HTML block- en inline-level elementen
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.
Bijvoorbeeld: https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements
hier zie je alle block-level elementen, hier hoort een p dus ook bij. Zo hoe ik dit hier leest zou een div gewoon in een p mogen?
Gewijzigd op 03/06/2014 23:47:38 door Joakim Broden
Waarom niet?
Ik denk dat je bedoelt dat een block element niet in een inline element moet zitten.
Metal Hertog Jan op 03/06/2014 23:34:33:
... een p mag niet in een div zitten ...
Volgens mij andersom: Een div mag niet in een p.
- SanThe - op 03/06/2014 23:46:18:
Volgens mij andersom: Een div mag niet in een p.
Metal Hertog Jan op 03/06/2014 23:34:33:
... een p mag niet in een div zitten ...
Volgens mij andersom: Een div mag niet in een p.
Ja klopt, mijn fout moest anders om zijn. Begin post aangepast, maar kan jij of Ozzie misschien uitleggen waarom het bijvoorbeeld niet mag?
Deze regel zou je kunnen zien als een inline elemement, een element zonder breedte en hoogte.
Code (php)
1
2
2
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!
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?
Gewijzigd op 04/06/2014 00:20:38 door Joakim Broden
Quote:
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.
Net zoals Santhe zegt, ik ben niet een van de achterliggende theorieën terwijl ik eigenlijk HTML(5)/CSS(3) kan dromen.