7 HTML5 Semantic Elements To Use In Your Web Pages

HTML5 will enable you to convey the structure of your web pages in a clear manner

Photo by Hal Gatewood on Unsplash

HTML5 Allows you to deliver highly fluid and interactive web content in an organized structure. HTML5 elements are used by web browsers in order to render web pages and for search engine optimization (SEO).

Although HTML5 has been around for a while, it is unfortunate that not all its semantics elements are utilized to the fullest.

Instead of using the <div> element for each and every part of a web page, you could utilize HTML5 semantic elements for better structured web pages and to clearly define different parts of a web page.

The Advantages of using HTML5 semantics elements include

• Better structured web pages,
• Clean, readable and maintainable code,
• Allows for better user experience,
• Better ranking of web pages on search engines and
• Better parsing of web pages by browsers

Here is a selection of 7 HTML5 semantic elements that you can use in your web pages.

<article>