sample html5 structure

here is the sample html 5 structure. here are some attribute of html 5

<!doctype html>
<html lang="en">
<head>
<title>The Flower Blog</title>
</head>
<body>
<header> </header>
<nav> </nav>
<section id="intro">
<header> </header>
</section>
<section>
<article>
<header></header>
</article>
</section>
<section id="comments">
<h3></h3>
<article>
<header>
<time datetime="2009-06-29T23:35:20+01:00">June 29th 2009 at 23:35</time>
</header>
<p></p>
</article>
<article>
<header>
<time datetime="2009-06-29T23:40:09+01:00">June 29th 2009 at 23:40</time>
</header>
</article>
<article>
<header> </header>
</article>
</section>
<form action="#" method="post">
<h3></h3>
<p>
<label for="name">Name</label>
<input name="name" id="name" type="text" required />
</p>
<p>
<label for="email">E-mail</label>
<input name="email" id="email" type="email" required />
</p>
<p>
<label for="website">Website</label>
<input name="website" id="website" type="url" />
</p>
<p>
<label for="comment">Comment</label>
<textarea name="comment" id="comment" required></textarea>
</p>
<p>
<input type="submit" value="Post comment" />
</p>
</form>
<aside>
<section>
<header>
<h3></h3>
</header>
</section>
<section>
<header>
<h3></h3>
</header>
</section>
</aside>
</div>
<footer>
<section id="about">
<header>
<h3></h3>
</header>
<p></p>
</section>
<section id="blogroll">
<header>
<h3></h3>
</header>
</section>
<section id="popular">
<header>
<h3></h3>
</header>
</section>
</footer>
</body>
</html>

2 thoughts on “sample html5 structure

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s