It can be used with the class, lang, and title attributes to mark up semantics common to a group of consecutive elements. The element has no special meaning at all. In Semantic icons receive a special tag which allow for an abbreviated markup when sitting along-side text. Semantic vs. Non-Semantic HTML Elements. Introducing semantic HTML. As an exercise, try using all the semantic elements and create e HTML 5 version web page to learn better and faster. Readability-The block of code becomes easier to read by the use of semantic elements.The semantic elements easily group similar elements together. It represents its children. HTML5 semantic tags define the purpose of the element. 1. These elements will be used to build a sample web page. It represents its children. http://www.LittleWebHut.com This tutorial will introduce 7 elements that are new to HTML5. Based on this, in simple words, semantic elements equal elements, or tag names, with a meaning. Advantages of HTML Semantic Elements. Most HTML tags can be shuffled broadly into two categories: presentational elements and semantic elements. It will show how the pre-HTML5 file, Sample.html, can be transformed to HTML5 file, SampleHTML5.html, for each of the new semantic items listed below. A semantic element clearly describes its meaning to … Alternate HTML Cheat Sheet in .pdf, optimal for tabloid paper size (11x17in) printing, click here (138kb) to download; If you wish to use this as an image, click here (3508 x 2717) 1. HTML5 offers new semantic elements (basically a tag) to clearly and logically define the content of different parts of a webpage. HTML provides many elements that are designed to give meaning to content, including elements for headings and paragraphs. A semantic element clearly describe its meaning to both the browser and the developer. Therefore, when writing HTML code, we need to also worry about the semantics of the elements present in the page. Elements such as