when there is no other more semantically appropriate element that suits your purpose. Examples of HTML5 Semantics.
however, is not a semantic element, and without that id on the div, you wouldn't be able to say that it is a button (well, it says "I try to be a button!" Learn to code — free 3,000-hour curriculum. For instance,
are semantic elements that indicate the presence of an unordered list. As the internet grew and was adopted by more people, its needs changed. The benefit is that the mark-up describes the content and the structure of the document more accurately. EDIT: The answer I was looking for is in the link Anthony pointed at in the 4th comment of this thread: http://www.w3.org/TR/html5/sections.html. This is per the HTML spec. Examples of Span vs Div Tags. And finally, HTML5 semantic elements push us to learn the meanings of HTML elements and better understand our audiences, particularly those who live with disabilities. Semantic elements are essentially
tags, except they provide additional semantic information to the browser (and to developers). It has greater accessibility. This is because assistive technologies (that aid disabled users to browse the web) depend on the semantic structure and meaning of web pages to convey information to their users. I don't see how. Div is the Tag which is defined as a division of the Html document. To look at the benefits of semantic elements, here are two pieces of HTML code. The case for semantic HTML. Why does HTML think “chucknorris” is a color? The content of the element has its meaning, and it is easily differentiated from the rest of the webpage content. The element should be used where you want a main heading with one or more subheadings. All credits to microformats and