Introduction to Semantic HTML Tags

In the past few years, DIV+CSS was very popular in website development, and it caused a huge uproar at the time. But later on, pure DIV+CSS was abandoned by programmers for front-end development, and the term "semantic tagging" came out.
So what does this word mean? The following is excerpted from Baidu Encyclopedia:
HTML tag semantics: the meaning of HTML tags .
First of all, let’s talk about the difference between semantics and default styles. Default styles are the expressions of some common tags set by the browser. I think its main purpose is to let everyone intuitively understand the purpose and function of tags (markup) and attributes (attribute). Obviously, the Hx series looks like a title because it has bold and larger font size. , used to distinguish it from other characters and serve to emphasize it. As for lists and tables, it's obvious what they do.
So how can we understand this passage well? In fact, this paragraph shows that you should use whatever tags you need, and don’t use DIV layout deliberately. For example, if you want to add bold or something, you can use it directly, and there is no need to use class for rendering. Be more natural. For example, you can also use table layout appropriately in the page. Who says tables are not good for SEO? Even Baidu uses tables. So use whichever is more convenient and whichever has a clearer structure. Eliminate the term DIV+CSS layout.

<<: A must-read career plan for web design practitioners

>>: Vue3.0 uses the vue-grid-layout plug-in to implement drag layout