The first point to be explained is that people can judge the semantics of content through visual division, and search engines only see code. Search engines can only judge the semantics of content through tags. I really didn't pay much attention to search engines before, but now I'm starting to care more about it, because a large part of the traffic of the page comes from search engines. To make the page as friendly as possible to search engines, we must semanticize the tags as much as possible.
In the past, based on my brief understanding of web development, I felt that writing a good page that meets the standards only requires separating the structure and performance, and then not using table, font and other tags. As for divs throughout the article, I would not think there is any problem, because CSS is very powerful. However, all tags have their own semantics, and the following is the semantics of some tags:
div semantics: Division (separation)
span semantics: Span (scope)
ol semantics: Ordered List (sorted list)
ul Semantics: Unordered List (not sorted list)
li semantics: List Item (list item)
…………
If you ignore the label semantics and default styles and use divs for all labels, you can actually write pages with good visual effects, as long as you flexibly use CSS. But in that case, although the requirements are met visually, the entire page has no semantics at all, and the search engine still cannot understand it. So, remember:
Structure (html) is the key point, and style (css) is used to modify structure. Therefore, you must first determine the html, determine the tag, and then choose the appropriate css.
Generally speaking, all tags will have a default style, so a simple way to judge whether the semantics of web page tags are good is to remove the styles to see if the web page structure is well organized and orderly, and whether it is still well readable.
In addition, it is worth mentioning the h tag. The semantics of the h tag is the title. Search engines are more sensitive to this tag, especially h1 and h2. For a good semantic page, the h tag should be complete and orderly without faults. In other words, push it down like h1, h2, h3, h4, and do not h1, h3, h4, and miss h2. A well-structured web page, the h tag can organize an outline of a web page.