Shulou(Shulou.com)06/01 Report--

The main content of this article is to explain "what is the reason why CSS uses ul li to layout the website navigation bar". Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "what is the reason why CSS uses ul li to layout the navigation bar of the website?"

Will layout all know that the site navigation bar layout is very important, perhaps a navigation bar final layout effect can sometimes use ul li list tag layout, sometimes you can not ul li layout, but directly a div box directly anchor text hyperlink column name, can also be achieved, see the following figure.

If you want to layout such a simple navigation bar effect

For example, the following code:

1. You can use Ul li to layout the navigation bar

Home page of the website HTML tutorial HTML getting started HTML5 tutorial CSS tutorial getting started with CSS

2. It is possible not to use ul li layout.

Home page of the website HTML tutorial HTML getting started HTML5 tutorial CSS tutorial getting started with CSS

The same navigation bar layout can be achieved with both layouts, but DIVCSS5 recommends using ul li layouts, even with a few more ul li tag codes.

Why is this (ul li recommended)?

Without considering the seo layout optimization of the website, DIVCSS5 recommends not using the ul li layout to save html code. But the general website should consider the search engine ranking factor (SEO), at this time, if you do not use ul li but directly anchor the name of the column in a box of text hyperlinks, although the amount of html code has been reduced, it is easy for search engines to think that they are suspected of stacking keywords (deliberately stacking keywords are easy to be dropped by search engines). If you use the ul li list tag layout, it is easy for search engines to identify organized column phenotypic content (more friendly to search engine spiders).

To sum up the above description, it is not difficult to see that sometimes when considering seo search engine optimization in div css page layout, it is necessary to properly use tags such as H2, h3, h4, h5, b, strong and so on. If you use different html tags flexibly in html css layout, you may get unexpected results. Of course, the use of different labels is enough, do not abuse it and become counterproductive.

At this point, I believe you have a deeper understanding of "what is the reason why CSS uses ul li to layout the website navigation bar". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.