The differences and uses of b tag, Strong tag and h1 tag

strong It is recommended to use b only once but you can use strong multiple times to emphasize semantically and boldly b in form.

1. What are STRONG and B tags?

As we all know, the development of affairs can only become more and more standardized, and search engines must also prefer standardized things. The b tag is the content of HTML, and STRONG is the content of XHTML. Therefore, from a standardization perspective, the STRONG tag is better than the B tag. Therefore, when technology permits, it is a trend for websites to use DIV+CSS for layout as much as possible.

From a semantic point of view:

"strong" is an emphasis tag

"b" is a bold tag

The tag is a Entity tag, the characters it surrounds will be set to bold (bold), and the tag is a logical tag, its role is to strengthen the mood of the character. Generally speaking, strengthening the mood of the character is by changing the character This is achieved by changing it to bold. It can be seen that the B tag is just functional bolding, while STRONG has a deeper meaning, emphasis. The humanization of search engines focuses more on the STRONG tag.

　2. How to use the STRONG tag?

Tags such as H1 are mainly used in titles, while STRONG focuses more on content applications, such as the identification of keywords. Some websites also use the STRONG tag to emphasize subtitles. But it should be noted that excessive use of STRONG tags may also lead to search engine penalties.

Reminder: The STRONG tag must be written on the page. STRONG defined through CSS is useless for inclusion and ranking. Although robots can crawl CSS files, it is estimated that search engines only crawl the content.

Of course, it does not mean that with strong, b is eliminated, but this b is a bold font, which happens to be the same as the emphasis effect of strong by default. In fact, this strong can be defined in other styles. Emphasis on effect, but in order to comply with current W3C standards, it is recommended to use the strong tag.

-------------------------------------------------- --------------------------

　B tag: visual effect bold. It does not have HTML semantics per se.

WEB standards advocate the separation of style and content, so it is no longer recommended to use B purely to achieve boldness.

Strong tag: visual effect is bold. HTML semantics are emphasis, indicating emphasis and emphasis in tone.

When a blind person uses a screen reader, the difference between B and Strong can be clearly seen. When you encounter B, read it as you would a normal word. When you encounter Strong, read it with emphasis and pause.

　B and Strong from an SEO perspective. In fact, it is a question of how search engines view B and Strong. After all, search engines are machines, and we are facing users after all. Therefore, in my opinion, there is no need to compare who has a greater optimization effect. I also had doubts about the two tags when I read the bold tags mentioned in the SEO document. I deliberately read the "XHTML Definitive Guide" again, and then gradually gained some experience in practice. There is really no need to take it seriously. If it's just to know who is more effective, wouldn't it be better to just use H? But can it be ranked if all optimization techniques are used? Can that still be called optimization?

Therefore, from the perspective of XHTML document meaningfulness and user experience, Strong is more beneficial and is recommended to be used. As for SEO, it depends on the optimization situation. There are some things that we may be confused about and unable to distinguish at the moment. At this time, insist that user experience comes first.

The above is the detailed content of The differences and uses of b tag, Strong tag and h1 tag. For more information, please follow other related articles on the PHP Chinese website!