New HTML5 Capabilities

Let’s take a look at some new HTML5 capabilities

HTML5 has caused many ripples in the technology community over the past few years. There are a lot of different aspects of this that are still hazy, and a lot that change every day. That’s one of the exciting things about the technology field, there’s always something more to learn and there’s always information that changes. In this article, we’re going to take a beginner’s look into the new HTML5 elements and what they’re used for. In addition, we’re going to inspect one of our old favorites, the <input> element. Some additional attributes and types are now available to use with this that you could have a lot of fun with.

New HTML5 Elements

One of the most exciting parts of HTML5 is the semantic elements that will be used. These elements are meant to contain what their title implies, always. We’ll take a look at some of these elements below.

<main>

The <main> element is a region of the page intended as a navigational landmark. According to the W3C, a landmark is a part of the page that the user may want to quickly access. Content in these sections is different from other parts of the page and are relevant to a specific user purpose, such as searching, navigation, etc. In the case of the <main> element, it is a landmark for the part of the page that contains its main content.

Some very important notes about the <main> element:

• Unlike many HTML elements, <main> may only be used once per page.
• This element may not be a descendant of the <article>, <aside>, <footer>, <header>, or <nav> elements.
• This element isn’t to be used for sectioning content, so it won’t affect the document outline in the way that other HTML5 elements do.
• It is my suggestion to use the <main> element between the <header> and <footer> elements, containing the main content of the page.

You can read the full article on the CEQUIX website.