HTML5 Article tag of list items

Ik kan het mis hebben.

Maar volgens mij kun je ze beter elk in een article-tag zetten en dan je overzicht met een Unordered-list wegschrijven.

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

Want als ik er goed tegen aan kijk. Dan is Nieuws, About en Contact elk een zoort article.

Frank, dat van jou lijkt me sowieso niet goed. Je suggereert nu 1 artikel te hebben met 3 items erin, terwijl het eigenlijk 3 artikelen zijn.

Casper, vertel eens meer over die 3 blokken. Wat is hun doel? Is het alleen een kopje (met eventueel een plaatje)? Of is het een kopje met tekst eronder? Wat is het doel van het kopje en wat stelt het voor?

@Wouter Sorry inderdaad. Mijn indeling bestaat uit bovenaan een header met navigatiekolom, daaronder heb ik een slider en daaronder die 3 items: nieuws, about, contact.
Ik heb even naar een voorbeeld gezocht, hoe het er uit ziet, daar kan deze site bij helpen: http://growstudio.net/
Onder de projecten (op de homepage) zie je 3 kolommen met tekst. Dit is precies wat ik ook heb.
Voor de kolom met nieuws, zullen onder elk item een streep komen op de nieuws items te kunnen onderscheiden, de rest bestaat uit een stukje tekst.

Mocht je nog vragen hebben ik hoor ze wel!

Dan zou ik er 3 section elementen van maken, met daarin een lijst bij nieuws en bij die andere een alinea tekst:

<section class=col-2 id=nieuws>
  <h3>Nieuws</h3>
  <ul>
    <li>Nieuws 1</li>
    <li>Nieuws 2</li>
  </ul>
</section>
<section>
  <h3>...</h3>
  <p>...</p>
</section>

Wouter,
Je kan daar gelijk hebben alleen leg ik het niet goed uit of ik word verkeerd begrepen. Daarom even nog stukje extra uitleg.

Als ik de OT lees dan komt het mij over dat de TS het volgende wil realiseren.
Nieuws - About - Contact

Dit zijn in mijn opzicht 3 verschillende artikelen?
Deze horen dan toch ook in 3 verschillende article-tags komen.
Om met code het iets duidelijke te maken heb ik volgende code even uit getikt.

<article>
    <ul>
        <li>
            Het gebruik van HTML
        </li>
        <li>
            Het gebruik van CSS3
        </li>
    </ul>
</article>

<article>
	<adress>
		<ul>
			<li>
				PHPHulp
			</li>
			<li>
				Straat van www 199
			</li>
				Postbus 33
			<li>
		</ul>
	</adress>
</article>

<article>
    <p> Hier een stukje over mij zelf.</p>
</article>

Of zit ik nu gewoon verkeert te denken dan?

EDIT:
Hmmm, gebruik van voorbeeld Wouter kan achter af idd ook.
Even niet aan die tags gedacht die wouter gebruikt.

Ja het kan volgens mij gewoon allebei. Ik gebruik nu die van Wouter.
Ik denk dat je de article tag goed kunt gebruiken voor items die vaker voorkomen, zoals portfolio items of iets dergelijks. Of zit ik nu verkeerd te denken?

Ik heb nog even verder nagedacht. Je zou het nieuws kunnen zien als gewoon een gebiedje met thumbnails naar een echt nieuws artikel.
Maar de About kan je wel zien als een echt artikel en de contact weer niet. Misschien zou je dus zo het beste werken:

<section class=rol2 id=news>
  <h3>Nieuws</h3>
  <ul>
    <li>Nieuws 1</li>
    <li>Nieuws 2</li>
  </ul>
</section>
<article class=rol2 id=about>
  <h3>Over ons</h3>
  <p>Lorem ipsum...</p>
</article>
<section class=rol2 id=contact>
  <h3>Contact</h3>
  <address>
    PHPHulp<br>
    PHPStraat 10<br>
    101101 PH Objectville
  </address>
</section>

Frank, ja dat van jou kan ook. Al is die lijst bij contact niet echt goed, het is namelijk geen lijst. Ook is het address.

Casper, article elementen zijn voor Artikels. Denk daar bij aan een blogpost, maar ook een pagina About bijv. Wat een artikel precies is? Tja, daar kan je lang over discussiëren. Ik zie een artikel als iets met een titel en content daaronder. Tevens moet 1 artikel over 1 onderwerp gaan of in elk geval alles in 1 artikel moet verband hebben met elkaar.
Voor portfolio items kun je weer beter een lijst gebruiken, het is een opsomming van je werk. Het stukje tekst bij een portfolio item met wat informatie over het item kun je weer een artikel noemen.

Wouter, als ik jou laatste code en die van mij er bij pak. Dan zie ik in die van jou toch betere over een komsten idd.
Ik probeer ook die nieuwe tags te snappen en waar te gebruiken en waar welke.
Daarom had ik even niet aan die <section> gedacht.

Wat betreft address dat was een te snel tikken foutje. En ben niet zo held in Engels tikken helaas, mijn excuses er voor.

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!

Ja, HTML5 is een stukje moeilijker (maar wel leuker!!). Een plaatje die beginners zal helpen:

(al ben ik het er niet volledig mee eens)