What is tag semantics?

Improve code readability for team development and maintenance

Why semantic tags?

When CSS is removed from a web page, the structure of the page is clear

chestnuts

  1. There is no semantization
<div></div>
<div></div>
<div></div>
Copy the code
  1. Use semantics
<header></header>
<main></main>
<footer></footer>
Copy the code

As you can see from the above, there are 3 divs in one page. If you use semantic tags, you can clearly see that there are three modules: top, middle and bottom.