Question 3: How to understand semantic HTML5?

December 15, 2023

by Lori Lopez

No Comments

What is tag semantics?

Improve code readability for team development and maintenance

Why tag semantics?

When web pages are stripped of CSS styles, they appear to have a clear structure

case

There is no semanticalization
```
<div></div>
<div></div>
<div></div>
```

Use semantics

<header></header>
<main></main>
<footer></footer>

Conclusion: As can be seen from the above, there are 3 DIVs in a page. No one knows what this means. If you use semantic tags, you can clearly know that it is divided into three modules: top, middle and bottom.

additional

This article is published through multiple platforms of “We Media” and will not be maintained after publication. If you have any objection to the content, you can discuss it in the GitHub below
The ongoing maintenance / 500 + face questions before update/notes 】 https://github.com/noxussj/In…
[3D city modeling using three. JS (Zhuhai City)] https://3d.noxussj.top/