Problems with Tables
Mix the formatting data into your content. This makes the file size unnecessarily large, and the user must download the format information once for each page. Without mentioning the cost of the traffic, the unnecessary download, for the site is not a cost-effective. Once you've made a table-based site, Redesign of existing sites and content is extremely labor-intensive. This also makes it extremely difficult and expensive to maintain the visual consistency of the entire site. But there is also a benefit, for the layout of the arrangement is relatively simple and convenient, but for today's development of the Division of labor, with the table on the layering problem is still not clear.
Benefits of Div
Make the page load faster (the page is much smaller than the table.) Online said there is an order to download the advantages of loading, I feel that is the download is loaded bar, look clear Express). Modify design more efficient and lower cost (honestly, when using div layout, typesetting is still troublesome, you can look at this message: http:/ /www.blueidea.com/bbs/newsdetail.asp?id=2199539). Keep the entire site visually consistent. Make the site better to be found by search engines. Make your site more approachable to viewers and browsers. More and more people in the world are adopting WEB standards, it can also improve your competitive edge in the workplace (and, in fact, reduce the risk of unemployment).
A transitional design
Use margin and padding instead of redundant table cells and spacer GIFs.
Use link and @import to load styles. The former is used for early browsers, the latter to the current browser.
<link href= "/basic.css" rel= "stylesheet" type= "Text/css" >
<style type= "text/css" media= "screen" ><!--@import url (modern.css) screen;--></style>
Structured markup
Instead of "This thing is here, that stuff is there," we're typesetting, but the type of information and the structure of the information on the page. Your content will not be placed in tables and table elements, instead of DIV elements. You also need to arrange an ID or class for your div elements, but this is to describe their content or functionality, not their appearance.
Reference sites with div design:
Http://www.verycd.com
http://www.w3cn.org
Http://www.taobao.com