semantic-markup

Which of the following is the correct way to structure a page: 1) h1 only in header <header> <h1>Site title</h1> <nav>...</nav> </header> <section> <h2>Page title</h2> </section> If I use h1 exclusively inside header as the site's title, every page will have the same content for the h1 tag. That doesn't seem very informative. 2) h1 in header and section , for both site and page title <header> <h1>Site title</h1> <nav>...</nav> </header> <section> <h1>Page title</h1> </section> I've also seen examples of using h1 more than once, in both header and section tags. However, isn't it wrong to have

What is the correct way to make text italic? I have seen the following four approaches: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> This is the "old way". <i> has no semantic meaning and only conveys the presentational effect of making the text italic. As far as I can see, this is clearly wrong because this is non-semantic. <em> This uses semantic mark up for purely presentational purposes. It just happens that <em> by default renders text in italic and so it is often used by those who are aware that <i> should

I just confused how to use <article> and <section> tags in HTML5. I referenced lot in Google and also in Stack Overflow website. On that, I found HTML5 pages with <section> elements containing <article> elements, and <article> elements containing <sections> elements. I also found pages with <section> elements containing <section> elements, and <article> elements containing <article> elements. What is the exact use of these tags? It depends on your content. For example, a list of recent blog posts could be a section containing several article (example 1), a complex blog post could be an article

Making a search result list (like in Google) is not very hard, if you just need something that works. Now, however, I want to do it with perfection, using the benefits of HTML5 semantics. The goal is to define the defacto way of marking up a search result list that potentially could be used by any future search engine. For each hit, I want to order them by increasing number display a clickable title show a short summary display additional data like categories, publishing date and file size My first idea is something like this: <ol> <li> <article> <header> <h1> <a href="url-to-the-page.html">

I've often wondered about the proper use of a <br> line break. Seems that often they are incorrectly used for positioning or clearing content where CSS should instead be used. W3schoools.org says to use <br> for blank lines, but not for creating or separating paragraphs. Looking over W3C HTML5 spec draft , it's a little clearer that the <br> would be used when content requires a line break such as lines of an address or blank lines in poetry, where intended by the author. But I'm still interested in any further clarification or input anyone else. I often find myself opting not to use <br> tags