What are the benefits of the semantic HTML structure to the layout?

In this chapter we will talk to you about the benefits of the semantic HTML structure to the layout. Small series feel very good, now share to everyone, also for everyone to make a reference.

One:

1. Semantic tags are just html,css and there is no semantics. HTML is a tag, and CSS is a property.

2. Semantic label resume on the basis of the document page, the Web page as a document, D (document) in the DOM and in writing JS is used in the document has been very clear to tell us that the computer will be the page as an document, We can also classify pages as one of the document's.

3. The HTML tag itself is meaningful. such as P---paragraph,li---list,img---image but some are non-semantic such as div---Division does not represent the contents of the div tag and the expression style.

4. HTML5 on the basis of the delivery of HTML based on most people's development habits and general Web page presentation form, added a semantic label

such as

5. Personal understanding is that HTML is a well-defined attribute of XML, semantic HTML can make the page structure clearer, write less CSS and JS, and more conducive to SEO.

Two:

Search engine crawlers also rely on tags to determine the context and weights of individual keywords.

In the past you may not have considered search engine crawlers to be the site's "visitors", but now they are actually extremely valuable users. Without them, the search engine will not be able to index your site, and then the average user will be very difficult to come over to visit.

It is important that your page is easily understood by crawlers, because the crawler largely ignores markup for performance and only focuses on semantic tagging.

Therefore, if the title of the page file is marked instead of, then the location of the page in the search results may be compared.