More on Semantics in HTML: https://developer.mozilla.org/en-US/d...
https://www.w3schools.com/html/html5_...
Today we're going to talk about Semantics in HTML.
Semantics in HTML means using meaningful tags to describe the content on your website. Instead of using generic tags like div or span, we should use tags that clearly describe what the content is.
Let's take an example. If you have a section that shows a list of articles, you can use the article tag to wrap each individual article. This tag tells the browser that the content inside is an article.
Using semantic tags makes the code more descriptive and understandable. It also makes the website more accessible to users with disabilities because assistive technologies can better understand the content.
In summary, using semantic elements in HTML is important because it makes your code more descriptive, structured, readable, and accessible. So instead of using div or span tags which are telling nothing to anyone (to a developer, browser or screen reader) you should use semantic HTML elements to structure your pages as much as you can.