The Importance of Semantic Markup
Semantic markup is important in structuring your HTML. In this lesson, we'll learn why we use it when designing meaningful webpages. Let's begin!
We'll cover the following...
What is semantic markup in web design?
Semantic markup is a method of writing and formatting the HTML (Hypertext Markup Language) to emphasize the semantic meaning, or purpose of the content, as opposed to its appearance.
Semantics and accessibility are part of HTML by architecture but are not useful unless properly implemented. “Semantic markup-ing” means understanding the hierarchy of your web page’s content and how it will be read by both users and machines. Much of that may sound like good judgment; when you write a heading, mark it with a heading tag (<h1>, <h2>, etc.), and when you write a paragraph, mark it with a paragraph tag (<p>).
Semantic markup means that HTML tags are never selected based on how they appear in a web browser-they are selected ...