Home > Article > Web Front-end > A brief discussion on the benefits of semantic HTML structure
A brief discussion on the benefits of semantic HTML structure
- 高洛峰Original
- 2017-02-11 14:44:291170browse
1:
1. Semantic tags are just HTML, and CSS does not have semantics. HTML is tags and CSS is attributes.
2. Semantic tag resume is based on the documented page. The web page is regarded as a document. The D (document) in the DOM and the document used in writing js have already told us very clearly. , the computer treats the page as a document, and we can also classify the page as a type of document.
3. The HTML tag itself has meaning. Such as p---paragraph, li---list, img---image, but some are unsemantic, such as div---division, which cannot represent the attributes and presentation styles of the content in the div tag.
4. Based on HTML, HTML5 adds semantic tags such as
5. My personal understanding is that HTML is XML with well-defined attributes. Semantic HTML can make the page structure clearer, write less CSS and JS, and is more conducive to SEO.
Two:
Search engine crawlers also rely on tags to determine the context and weight of each keyword.
In the past, you may not have considered that search engine crawlers are also website " Visitors", but now they are actually extremely valuable users. Without them, search engines will not be able to index your website, and then it will be difficult for general users to come and visit.
6. Is your page correct? It is very important that the crawler is easy to understand, because the crawler will largely ignore the markup used for presentation and only focus on the semantic markup.
So if the title of the page file is tagged instead, then this page is searched The position of the result may be relatively late.
The above article briefly discussing the benefits of semantic HTML structure is all the content shared by the editor. I hope it can give you a reference, and I hope everyone Duoduo supports PHP Chinese website.
For more related articles on the benefits of semantic HTML structure, please pay attention to the PHP Chinese website!