The use of Css+div to the Web site has been more and more attention, especially large sites, such as Alibaba, 163 and other large-scale portal site has completed the reconstruction work. I have had the habit of using Css+div to write the source code of the webpage last year, personally feel this method is much stronger than the traditional form of the source code architecture.
1: Performance and content phase separation
The design part is stripped out and placed in a stand-alone style file, where only textual information is stored in the HTML file.
2: Improve indexing efficiency of search engines on Web pages
Using HTML that contains only structured content instead of nested tags, search engines will more effectively search your Web content and may give you a higher rating.
3: Improve page browsing speed
For the same page visual effect, the page size with Css+div refactoring is much smaller than that of the table-encoded paging file, which typically has only 1/2 of the latter.
Also because the <table> tag is to wait </table> download good before it can be displayed, so the entire page is a sudden jump out, so that people feel up to show the speed is very slow. The use of css+div,<div> tags do not have to wait </div> download good can be displayed inside the content, so people feel the speed of opening the page very fast.
4: Easy Maintenance and revision
You can redesign the entire site's pages by simply modifying a few CSS files.
From the above description, the use of Css+div to the site reconfiguration can greatly enhance the site users and search engine friendly degree.
Css+div so become the current page layout mainstream, in my view the main core reason, in fact, not only it conforms to the standard of the international standards, but through the adoption of CSS+DIV, Web Engineering from this:
Separation of performance and content
Now Div+css has been very popular, the major sites have been reconstructed for Div+css mode, NetEase is the best example, the use of layers and CSS, to the user the most intuitive experience is the Web page open a lot faster. Can give the user a good experience, why not do it?
Today, I mainly from the angle of SEO to analyze the necessity of using div+css to make or reconstruct the website:
1, with the DIV+CSS framework of the Web site easily to the standards of the consortium, whether the site conforms to the standards of the Internet search engine to the page ranking of an influential factor, especially Yahoo, it looks more heavy.
2, the site source code concise, in addition to a few div,ul,li,dl,dd,dt such as labels, almost no other tags, so that the site content is completely exposed to the search engine spiders, easy to crawl the key content, increase the proportion of key content of the page, thereby increasing the proportion of the ranking factor.
3, can easily do the key content first read by the Spider. The general site is the left-right three columns, the main content of the page is in the middle of the column, and the spider read the page content is in accordance from the top, from left to right in order, if your left column content more, then trouble, your page main content weight will drop. And with DIV+CSS can be the main first written in front, in the writing left column, right column content, and then through the CSS a positioning on it
4, easy to adjust the layout of the site structure. For the commonly used table layout, if you want to change the layout, can be described as far-reaching, the site layer structure if the design is reasonable, it is easy to use CSS to change the performance of the site, which is the structure and content, the separation of behavior. If the site structure of regular changes, natural to search engine spiders attractive.
A layer and CSS to do the foundation of the site, the future of the optimization work will be a lot of effort.
