Ever since the launch of HTML 5, it has become hugely popular among web developers because it offers a plethora of new functions and the additional elements have given developers the extra layer to make pages catchy, interesting, dynamic and more personalized as well. Here are some of the new HTML 5 elements and attributes that can truly define the web developing aspects.
1. The Section Element
section element is primarily used for grouping the content based on themes. Ideal examples of on page content of using section element would be listing of chapters. It is important to understand that
section element cannot however replace the use of
div entirely. Section is more specific and is to be used for marking the different contents outside the main body. It could be used in the top header elements on home page that contains links to other pages.
<section> <h1>HTML 5</h1> <p>This is how section element will be used in HTML 5....</p> </section>
2. The Article Element:
The main purpose of introducing the
article element was to minimize the useless clutter that was a part of HTML coding when you were using
div element. Web developers have been using this element to separate the main content on their site from the header and footer. You can begin an
article element where the
header ends and continue to use it until the
footer element begins. Although, there is no concrete proof as of now, however there is an ongoing speculation that using keywords in the content inside
article element can help in getting higher search engine ranking. It is one way of showing the search engines that you have targeted strong contents with right keyword options. You can nest multiple articles within an article element too.
article element can improve the readability of both the code as well as the site significantly.
3. The Aside Element
aside element can be used in two different contexts. When placed inside the
article element, it serves a purpose that is different from when it is used outside the
When you place
aside within the
article element, the information contained should be directly related to the article and should be a part of the main content. However, when you place the
aside element outside, it represents a tangential content that does not directly relate with the content. An example for the same could be blog rolls that are featured on most sites.
These are three of the new elements of HTML 5 that has truly revolutionized the way web developers have been using HTML coding.