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

This article mainly shows you "how to reasonably use table and div in page design", the content is easy to understand, clear, hope to help you solve your doubts, the following let Xiaobian lead you to study and learn "how to reasonably use table and div in page design" this article.

Rational Application of table and div

Table is widely used in early page design, but with the development of the Internet, table is gradually abandoned. Now there are only a small number of old stations on the Internet (there are many famous ones that do not need to be changed), and table is still used to lay out pages. Now new stations basically use div+css to lay out pages, but many friends who are new to the front end of web will have an illusion. Think that table will be the main culprit for the page to be unfriendly to search engines, so you always use tags such as dt and ul when designing lists. Some of these uses will make you spend a lot of time designing page styles, but the real effect on search engine optimization is very weak.

A very big disadvantage of using a lot of table is not only unfriendly to search engines, but also very unfriendly to programmers. The massive nesting of table will make people dizzy. But if used in conjunction with div, it will provide the effect, and the effect may be better than that of dt,ul.

Another problem is that a large number of table tr td will make the semantics of your pages very poor. Let's not discuss the semantics of tags here. Let's go to Baidu to search for pages with good semantics. Search engines are very fond of it. Here, I would like to introduce a very semantic website, https://www.yisu.com/w3school/. You can also do it yourself and remove its css links with Google browser. Then if you look at its page layout, you will find that all its titles and lists are in good order, just like a very formal typesetting when writing a paper. Even if you don't need a stylesheet, I believe you won't have a great sense of disgust, but some websites are different. After removing the css style file, the page is paralyzed directly. Here and then send a station www.webgamei.com to remove its css style file (2) and then look at the page, because many of its styles are written directly into the style in table, so you don't seem to have changed much, but if you look at the navigation section, you will find that the page has no sense of semantics, if the style of the page is separated, then remove the css file, probably can not be seen.

So it is suggested that after your page is designed, you can first write out the layout of the default style without adding the css style, and add the css custom style according to the page, will it be more efficient, hehe, I haven't tried it, just think so.

The above is all the contents of the article "how to make rational use of table and div in page design". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

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.