HTML5 Article tag of list items

Inderdaad. Het is gewoon lastig om te bepalen wat nou een goede tag ervoor is. Ik ga die van Wouter gebruiken. Denk dat dat wel een goede opzet is..! Thnkx!

Wouter, idd het is wel lastige dan vroeger. Maar zodra je somige tags door hebt dan word het al een stuk leuker. Ook het gebruik van div's kun je op die manier terug dringen.

Het plaatje ga ik overigens ook even opslaan.

Casper, idd als je die van Wouter gebruikt dan zit je goed. Want op gebied van html en css heb ik nog niet aan Wouter getwijfeld.

Frank, nou ik vind die van mij niet per se goed. In semantiek heb je vaak meerdere oplossingen die tot hetzelfde effect leiden.
Ik zit nog steeds erg te twijfelen of die van mij wel goed is. Het is misschien toch alle 3 een section.

Maar je moet gewoon altijd eerst bedenken wat is nou de betekenis van dat stukje, dan kun je gaan kijken of bij die betekenis een element hoort.

Wouter, ja oke daar heb je misschien ook gelijk aan. Alleen wat ik erg veel merk op het forum is, dat de code die jij aandraagt altijd net weer iets beter in de richting komt. Vooral op HTML of CSS gebied dan, want daar weet je wel veel vanaf.

Met het bedenken wat de inhoud van z'n blok betekend. Dan zou je kunnen zeggen dat het alle 3 een section zou zijn. Want in elke blok heb je andere inhoud. Maar aan de andere kant zie ik Nieuws weer meer als een lijst van article's.

Maar die lijst met artikels heeft weer een kopje 'Nieuws' en dat kopje en die lijst horen bij elkaar en horen daarom ook weer eenzelfde parent te hebben. En wat die parent is, tja dan kom je heel snel op een section uit.

Hmmm tja, lastig lastig.
Als je het zo bekijkt zou je idd weer zeggen section.
Maar.......

Zou dit dan ook niet kunnen:

<section>
	<h3>Nieuws</h3>
	<article>
		<ul>
			<li>Nieuws 1</li>
			<li>Nieuws 2</li>
		</ul>	
	</article>
</section>

Is maar even een gedachten gang. Want zo zet je blok Nieuws weg als een section.
En omdat het lijkt mij aan de andere kant ook een article lijst bevat, zet je het ook weg als een article lijst. Of is dit helemaal verkeerde gedachten gang?

Nee, dat is helemaal verkeerd. Nu heb je een gebied (section) met daarin een artikel (article), hierdoor is het artikel minder belangrijk dan buiten een section, en het artikel heeft als content een titel en een lijst.
Je geeft met een article parent niet aan dat die lijst artikels bevat, je geeft er alleen maar mee aan dat je een artikel hebt met als content een lijst.

Als je nou echt zou willen duidelijk maken dat die lijst artikelen bevat:

<section>
    <h3>Nieuws</h3>
    <ul>
        <li>
            <article>
                Nieuws 1
            </article>
        </li>
        <li>
            <article>
                Nieuws 2
            </article>
        </li>
    </ul>    
</section>

Alleen dan heb je een artikel die alleen bestaat uit een titel, die kan niet opzichzelf staan, dus moet je die artikel weer vervangen door een aside. En dan maak je die titels juist weer veel minder belangrijk...

Hmm, oke dat is dan ook weer duidelijk.
We komen dan dus eigenlijk wel gewoon beetje uit op jou laatste voorbeeld.
Het blijft even na denken met de tags tot je het goed door hebt blijkt wel.

Wouter, bedankt voor het uitwisselen van gedachten.

Ja het blijft inderdaad lastig. Ik begin trouwens wel met een section, om een gebied toe te wijzen, die section geeft bij mij een regel aan. <section id="row">. Maar dat is dus ook de vraag of dat de juiste manier is!

[size=xsmall]Toevoeging op 19/06/2012 22:21:28:[/size]

Casper B op 19/06/2012 22:02:49

Ja het blijft inderdaad lastig. Ik begin trouwens wel met een section, om een gebied toe te wijzen, die section geeft bij mij een regel aan. <section id="row">. Maar dat is dus ook de vraag of dat de juiste manier is!

EDIT Ik heb toch nog even een afbeelding op mijn site geupload, zodat jullie toch alsnog een inzicht krijgen van de situatie.