Html5 Event Listing Semantics
Would it be correct to list each event as an on an event listing page (given that each event is a listing from the detail page of said event. Should it be considere
Solution 1:
It’s appropriate to use the
article
element for events if using a sectioning content element is warranted.A sectioning content element is warranted if it makes sense to list each event in the document outline.
It makes sense to list each event in the document outline if you provide enough content (where enough, of course, depends on the context).
So, for example,
if you just list the event name and the date, an ul
element seems to be more appropriate:
<ul><li><ahref="/events/1">Event 1</a> (<time>2016-12-27</time>)</li><li><ahref="/events/2">Event 2</a> (<time>2016-12-27</time>)</li><li><ahref="/events/3">Event 3</a> (<time>2016-12-28</time>)</li></ul>
but if you provide more details, like a description, the organizer, etc., an article
element for each event can make sense:
<article><header><h2><ahref="/events/1"rel="bookmark">Event 1</a></h2><time>2016-12-27</time></header><p>…</p><imgsrc=""alt="" /><p>…</p><footer><p>Organized by …</p></footer></article><article><!-- event 2 --></article><article><!-- event 3 --></article>
Post a Comment for "Html5 Event Listing Semantics"