How to understand HTML5 semantics?

Posted Jun 16, 20201 min read

The previous structure of html was DIV + CSS, and the code was difficult to understand. In order to change this situation, it was proposed to make HTML semantic.

For example:paragraphs are marked with p and titles are marked with h series.


  1. More Provincial Code:Fewer HTML codes. A clearer DOM structure is conducive to writing css and js;
  2. More beneficial to SEO**:can improve the effective crawling of search engines and increase the flow of the website;
  3. Readability:If unfortunately the website's CSS style is lost, the clear structure still makes your page more readable;
  4. Interoperability:Semantic HTML code makes it easier for your team to maintain.