I think you have seen the word semantic for countless times, especially in some recruitment advertisements. In fact, I am also myself, but every time I see that it is copied by recruitment companies, in fact they do not know what semantics is, and do not value it at all. So I never took this thing seriously. However, when I see this word again recently, I think I should think about it. Write a blog record. 1. What is semantics? Before explaining this concept, we should first explain "structure-performance-behavior ". If decoupling is a high-level realm of code, the principle of "structure-performance-behavior" is the benchmark of the front-end. As the front-end code grows larger, the role of each part of the code to perform its duties becomes more and more important. As we all know, front-end code is implemented using HTML + CSS + JS. They are responsible for "structure-performance-behavior ". HTML is responsible for structure. What is the structure? The structure is the hierarchy and nested relationship of HTML nodes. For example, the code above