In HTML5 it’s only defined that aside is “related to the content around the aside element”. In HTML 5.1 (CR) the definition became more specific, as it now says that aside is “related to the content of the parenting sectioning content“. Following the newer definition, the aside element should be inside of the section element … Read more
You could use the hCard Microformat to describe your address. The advantage of Microformats is that you can use them in your existing documents to enrich them. Here’s an example derived from the example from the Microformats wiki: <address class=”vcard”> <span class=”adr”> <span class=”street-address”>169 University Avenue</span> <span class=”locality”>Palo Alto</span>, <abbr class=”region” title=”California”>CA</abbr> <span class=”postal-code”>94301</span> <span … Read more
I’d use an article for each snippet (i.e. a news teaser). Each article contains an h1 element for the heading, an img element for the image, and p element(s) for the text. As you probably want to link to a full version, you could enclose all elements in one a element (which is allowed in … Read more
It is true that most modern browsers/technologies recognise the HTML5 <nav> element as navigation and give it the same attention. But explicitly setting the role=”navigation” attribute just makes sure that a lot more technologies can pick it up. For example screen-readers and other technologies for users with disabilities are very rarely fully standards compliant (especially … Read more
Either: Add a heading (h1, …, h6) tag to your section element. Replace your section element with a div element. Ignore the warning. The message you’re seeing is a non-normative usage recommendation, as per the HTML5 spec (highlighting mine): The theme of each section should be identified, typically by including a heading (h1–h6 element) as … Read more
I think the most semantically correct would be <dl>, <dt> and <dd>, since what you’re displaying are effectively definitions of first name, age and e-mail. <dl> <dt>First Name</dt> <dd>Dominic</dd> <dt>Age</dt> <dd>24</dd> <dt>E-mail</dt> <dd>foo@bar.com</dd> </dl> However, obviously, the easiest way to display it in a table is using <table>, <th> and <td>. You could hack together … Read more
Only if you define thead and tfoot. It is mostly used when the table has multiple bodies of content. If the data in the table is easily understood to be the tbody then you can safely omit it.
Most of these responses are good general advice, but not proper answers to the question, which I think is perfectly legitimate. HTML5 is already a moving target; browsers implement specs and innovate at different paces. There is no single thing called “valid HTML”, at least not that is worth using. If you are building a … Read more
As Alohci noted, according to HTML5, example 3 is not allowed. But example 1 and 2 are not semantically equivalent. nav is a sectioning element, div not. So example 1 creates an untitled section (similar to an empty heading), changing the whole document outline. Also nav always belongs to its parent sectioning content (resp. sectioning … Read more
As others have mentioned, using <strong>, <em>, <cite> etc. adds semantics. This is important because you say something about why you want to emphasize something and increase the readability of your html, because you know why it’s in bold. Furthermore, screen readers use the strong tags to make an audible difference when reading it aloud. … Read more