Exemplo Estrutura HTML 5

Exemplo de uma estrutura inicial HTML 5 usando header, nav, footer, article, section e aside .

<!doctype html>
 <title>Book Here</title>
 <h1>This is my Title</h1>
 <li><a href="/a">Games</a>
 <li><a href="/b">Forum</a>
 <li><a href="/c">Download</a>
 <h1>Twitter Feed</h1>
 <blockquote cite="http://twitter.example.net/a">
 I'm on vacation, writing my blog.
 <blockquote cite="http://twitter.example.net/b">
 I'm going to go on vacation soon.
 <article class="book">
 <h2>my book</h2>
 <p>a sample with not much content</p>
 <p><small>published by dummy publicorp ltd.</small></p>

<section class="chapter">
 <h3>my first chapter</h3>
 <p>this is the first of my chapters. it doesn't say much.</p>
 <p>but it has two paragraphs!</p>
 <section class="chapter">
 <h3>it continutes: the second chapter</h3>
 <p>bla dee bla, dee bla dee bla. boom.</p>
 <section class="chapter">
 <h3>chapter three: a further example</h3>
 <p>it's not like a battle between brightness and earthtones would go
 <p>but it might ruin my story.</p>
 <section class="appendix">
 <h3>appendix a: overview of examples</h3>
 <p>these are demonstrations.</p>
 <section class="appendix">
 <h3>appendix b: some closing remarks</h3>
 <p>hopefully this long example shows that you <em>can</em> style
 sections, so long as they are used to indicate actual sections.</p>
 <p><a href="/a.html">credits</a> —
 <a href="/b.html">terms of service</a> —
 <a href="/c.html">blog index</a></p>
 <p>copyright © jbkr.com.br</p>

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *


Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.