html5 page structure code

Add Tool

HTML5 page structure code


HTML5 page structure code

HTML5 page structure and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. They all lead to nowhere. Rather, we must get a brand new ideology and modify our coding habits to keep the web accessible.

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Your Website</title>
</head>

<body>
<header>
  <nav>
    <ul>
      <li>Your menu</li>
    </ul>
  </nav>
</header>
<section>
  <article>
    <header>
      <h2>page title</h2>
      <p>Posted on
        <time datetime="2015-02-04T16:31:24+02:00">February 2th 2015</time>
        by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
    </header>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  </article>
  <article>
    <header>
      <h2>page title</h2>
      <p>Posted on
        <time datetime="2015-02-04T16:31:24+02:00">February 2th 2015</time>
        by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
    </header>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  </article>
  <article>
    <header>
      <h2>page title</h2>
      <p>Posted on
        <time datetime="2015-02-04T16:31:24+02:00">February 2th 2015</time>
        by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
    </header>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  </article>
  <article>
    <header>
      <h2>page title</h2>
      <p>Posted on
        <time datetime="2015-02-04T16:31:24+02:00">February 2th 2015</time>
        by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
    </header>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  </article>
</section>
<aside>
  <h2>About section</h2>
  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</aside>
<footer>
  <p>Copyright 2015 Your name</p>
</footer>
</body>
</html>

Tags: html5 page structure code, html5 page structure example, html5 web page structure, html5 page structure template
Payza

About Masum Billah

HTML5 page structure code 1stWebSuite website seo tool is a free website ranking tool site provides a lot of on page and off page seo useful tools for you. On this site, we have a large number of website ranking tools


SIGN UP TO GET UPDATE TO YOUR INBOX




Discuss about: html5 page structure code


adf.ly