HTML5 Library: What is semantic HTML5?



      If you have basic knowledge of HTML, you know that HTML tags are often used to edit what content on a page looks like. HTML tags only specify how the content will look, and do not provide information about the type of content or its role in the page layout. Semantic HTML tags help search engine bots better understand the content and cover this lack of HTML. Which part of the content on the page is important, which part is complementary and therefore not a priority, which area provides important semantic clues for major search engines such as Google and Bing, allowing search engines to report the answers to such questions as navigation. HTML5 also makes it easy to use multimedia as well as delivering meaningful information to search engines, allowing you to create interactive pages without the need for extra extensions.

Semantic is the study of the meanings of words and phrases in language.

Semantic elements are elements with meaning.

Similarly, Google bots can't read the visual cues that separate parts of any page. Just like for your visually impaired users, you need to specify these sections on the HTML side for the bots of various search engines. It is important that a Google bot that visits your site can understand where the page is located, where the main content is for header and navigation. More importantly, a search engine bot that can distinguish which content is most important when looking at the entire page will have the necessary clue to prioritize that content.

What are semantic elements?


A semantic element clearly describes the meaning of both the browser and the developer.

Examples of non - semantic elements: <div> and <span> - tell nothing about their content.

Examples of semantic elements: <form> , <table>, and <img> - clearly define their contents

HTML5 semantic elements are supported in all modern browsers.

In addition you can "teach" old browsers how to handle "unknown elements".


.

Comments