HTML5 Basic Structure

Feb 14, 2017

HTML5 Basic Structure





HTML5 Basic Structure




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

 <body>

<header>
<nav>
  <ul>
   <li>Menu Link 1</li>
   <li>Menu Link 1</li>
  </ul>
</nav>
</header>

<section>

<article>
<header>
<h2>Article Title</h2>
<p>Posted on <time datetime="2017-02-04T15:21:14+03:00">February 12th 2017</time> by <a href="#">Admin</a> - <a href="#comments">comments</a></p>     
</header>
    <p>Some Content</p>
</article>

</section>

 <footer>
<p>Copyright 2017, Admin Name</p>
</footer>

 </body>

 </html>
Note - The default character encoding in HTML5 is UTF-8.

 New HTML5 Elements - 
1. Semantic elements - <header>, <footer>, <article>, <section>.

 2. Graphic elements - <svg>, <canvas>.

 3. Multimedia Elements - <audio>, <video>.

 4. Attributes - Number, Date, Time, Calendar, Range.


HTML5 Basic Structure


Piyush Verma

Piyush Verma

I am a Blogger and Web Designer.

Next Post Previous Post