What are the benefits of semantic HTML structure?

one:

1. Semantic tags are just HTML, there is no semantics in CSS. HTML is tags, CSS is attributes.

2. Semantic tag resume Based on the documented page, the web page is regarded as a document. The D (document) in DOM and the document used in writing js have clearly told us that the computer regards the page as a document. We can also classify the page as a type of document.

3. HTML tags themselves are meaningful. Such as p---paragraph, li---list, img---image, but some are non-semantic, such as div---division, and cannot represent the attributes and presentation styles of the content in the div tag.

4. HTML5 adds semantic tags such as <header><footer><nav><article> based on HTML and the development habits of most people and the general website page display format.

5. My personal understanding is that HTML is XML with defined attributes. Semantic HTML can make the page structure clearer, write less CSS and JS, and be more conducive to SEO.

two:

Search engine crawlers also rely on markup to determine the context and weight of individual keywords.

In the past you may not have considered search engine crawlers to be “visitors” to your website, but now they are actually extremely valuable users. Without them, search engines will not be able to index your website, and then regular users will have a hard time coming over.

6. It is very important that your pages are easy for crawlers to understand, because crawlers will largely ignore the markup used for presentation and only pay attention to the semantic markup.

Therefore, if the page's title is tagged with , instead of , then the page may be ranked lower in the search results.

The above brief discussion on the benefits of semantic HTML structure is all the content that the editor shares with you. I hope it can give you a reference. I also hope that you will support 123WORDPRESS.COM.