Structure of HTML 5 Document
HTML 5 is today’s buzzword and pretty smart mark up language.
Today, we would be dealing with the structure of an HTML 5 document , as our title already conveys the message.
HTML 5 introduces a set of new structural elements that makes easier to structure html pages.
Using these structural elements, web pages will be more understandable.
The most commonly used structure elements are:
- <nav> : Navigation region.
- <section>: A logical region of a page.
- <article>: A article or other complete piece of content.
- <aside>: Secondary content, such as a sidebar.
- <footer>: Footer region.
- <header>: Header region.
- <header>: To define the header (things you usually wrap in h1, h2 ..etc..).
- <nav>: It is used for navigational links, either to section in the same page or to the other pages like a menu.
- <section>: represent a generic document.
- <article>: represent a independent piece of content such as a newspaper article or a blog entry.
- <aside>: represent a secondary content. If the content is related slightly to the rest of the page usually a side bar.
- <footer>: represent a footer of a section which contain the information like author , copyright information.
That’s all regarding the structure of HTML 5 document. You can check our next article on HTML 5 here.
What do you think?
If you have any questions or suggestions please feel free to email us or put your thoughts as comments below. We would love to hear from you. If you found this post or article useful then please share along with your friends and help them to learn.