semantic-markup

It's very common to see the usage of the tag <nav> in a main menu navigation, but I don't know other examples where I can use it. For example, for pagination: <div class='my-pagination'> <!-- first, 2, 3, 4 ... 8, 9, last --> </div> Can be: <nav class='my-pagination'> <!-- first, 2, 3, 4 ... 8, 9, last --> </nav> Is it semantic? Yes. The HTML5 spec defines the nav element like this: The nav element represents a section of a page that links to other pages or to parts within the page: a section with navigation links. Pagination clearly consists of "links to other pages", and these are

This question already has an answer here : Why use HTML5 tags? [duplicate] (1 answer) Okay, so I understand the hype about semantic markup: it enhances/ further specifies the meaning of an element or page for search engines, and therefore for humans reading search results. All credits to microformats and <h1>, <h2>, <p> and such, because these tags indicate a hierarchical structure and/or specific purpose and add meaning to the page. But why are there now tags like <aside>, <header>, <footer> ? What is their advantage over <div id="aside/header/footer"> ? These tags have no specific sub

What are people's opinions on semantic HTML for confirmation, error and warnings messages? Currently I have something simple like: <div class="message message-warning"> <h3>Message Title</h3> <p>Message text</p> </div> Whereby the message-warning class gets replaced by message-confirmation or message-error if the message is a different type. Is there a more semantic way of marking this up? May I suggest <figure> ? Excerpt from HTML5 Doctor (and they, from W3C ): The figure element represents a unit of content, optionally with a caption, that is self-contained, that is typically referenced as a

Like it says. Using semantic markup means that the (X)HTML code you use in a page contains metadata describing its purpose -- for example, an <h2> that contains an employee's name might be marked class="employee-name" . Originally there were some people that hoped search engines would use this information, but as the web has evolved semantic markup has been mostly used for providing hooks for CSS. With CSS and semantic markup, you can keep the visual design of the page separate from the markup. This results in bandwidth savings, because the design only has to be downloaded once, and easier

As some of you would of heard the hgroup element is being removed from the HTML5 Specification . (For more info, see the W3C HTML Working Group's decision on request to drop hgroup from HTML5 on the W3C's Public Mailing List archives.) Now I'm currently working on the redesign of a site using this tag that creates a way of adding a sub heading. My current thoughts are to just add another hX tag under the main header, but I'm not sure if this would be semantic enough to do so. <h1>Darren Reay</h1> <h2>A developing web developer</h2> <p>Hello World</p> Could anyone either come up with a

Can anyone explain rowspan and colspan , col and colgroup ? And are these W3C valid and semantically correct? Under which circumstances are these useful? colspan <table border="1"> <tr> <th colspan="2">people are...</th> </tr> <tr> <td>monkeys</td> <td>donkeys</td> </tr> </table> rowspan <table border="1"> <tr> <th rowspan="2">monkeys are...</th> <td>... real monkeys</td> </tr> <tr> <td>... 'unreal' monkeys (people...)</td> </tr> </table> w3c as you see, this is for connecting table-cells - and because this is sometimes neccessary, it's valid (RegDwights links will give more information...).