three most commonly used HTML 5 Elements

2013-08-28

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

The 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.

The article element can improve the readability of both the code as well as the site significantly.

3. The Aside Element

The 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 article element. 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.