Ten HTML tags for more modern pages

Most modern web developers dig into HTML tags when creating web pages. If you’ve been writing HTML for a while, you’re used to using a variety of standard tags ranging from and To . Over time, however, the best tags used to get the most out of your HTML code have changed. Indeed, HTML has gone from simple markup to something more semantic in nature.

Moving towards a more semantic paradigm, HTML markup not only tells a browser how to display content on your web page, but it can also present the the context of your markup. This context can be used to further enhance content, whether in your own programs or by third parties, including search engines.

How to modernize HTML

So what are some of the key elements of HTML that you should be using today to get the most semantic value? In the following web development tutorial, I will introduce 10 HTML tags that can help give your pages a lot more meaning.

Extension of to include header, footer and main sections

Although you have a body in your HTML document identified by a tag, web developers should (or could) also have header, footer, and main sections. Each of these elements helps organize the overall content of your HTML document.

The tag is not the same as the label. The the label comes before tag and usually includes metadata that is not displayed. While it may contain other tags (including scripts), it is outside of the main HTML document. label.

The The tag is placed in the tag . It should be used in place of a

or other tag to contain introductory content and navigation links presented in the current HTML document. This can include headers, a logo or icon for the page, and other information. Here is an example of using a header tag:

My Page Heading


The the label is also placed in the tag and is generally used to contain information that would go to the foot of a page; things like sitemap, contact information, navigation links, authorship information, copyright information and a link to the terms of use.

Finally, the The tag is used to contain the unique content on the given page. Structures on your page that echo on other pages such as header, footer, and side elements should not be contained in the label.


Navigating a page with

As mentioned, navigation on a page often occurs in the header. To better present your HTML content, you can identify and contain your main navigation with a