What are Semantic Elements? A semantic element clearly describes its meaning to both the browser and the developer. Examples of non-semantic elements: <div> and <span> - Tells nothing about its content. Examples of semantic elements: <img>, <table>, and <article> - Clearly defines its content.

Semantic HTML. Semantic HTML means using correct HTML elements for their correct purpose as much as possible. Semantic elements are elements with a meaning; if you need a button, use the <button> element (and not a <div> element).

Code Editor (Try it) With our online code editor, you can edit code and view the result in your browser

HTML has several semantic elements that define the different parts of a web page: <header> - Defines a header for a document or a section <nav> - Defines a set of navigation links

Code Editor (Try it) With our online code editor, you can edit code and view the result in your browser

Semantic elements = elements with a meaning. Provide the user a good way to navigate and interact with your site. Make your HTML semantic. Semantics is about using the correct element in HTML. There are approximately 110 elements in HTML 5. Two of them have no meaning – <div> and <span>. They tell us nothing about the content.

Consistent, clean, and tidy HTML code makes it easier for others to read and understand your code. Here are some guidelines and tips for creating good HTML code.

At W3Schools you will find complete references about HTML elements, attributes, events, color names, entities, character-sets, URL encoding, language codes, HTTP messages, browser support, and more: HTML Elements

Code Editor (Try it) With our online code editor, you can edit code and view the result in your browser

The HTML <picture> Element. The HTML <picture> element gives web developers more flexibility in specifying image resources. The <picture> element contains one or more <source> elements, each referring to different images through the srcset attribute. This way the browser can choose the image that best fits the current view and/or device.