This week start to have assignment on XHTML and CSS. Actually, it’s wonderful experience to know CSS implementation can separate the page content and design for editor and developer & designer to handle different files. Designer only need to have some amendment on the CSS file, page can look totally different instantly with same content. It might be a common practice today but not years ago.
Before CSS supported by widely browsers, most of developer also using nested tables to control web page layout instead of. Also CSS only use for font declaration. But after years, most of ppl would propose to use “Tableless” for code web page and leave “Table” for data presentation use.
Why? It’s really good? and How-to?
http://en.wikipedia.org/wiki/Tableless_web_design
“Tableless web design”
Pros:
- Accessibility: Easy to linearize the web page and help special screen like mobile & PDA access. It also good for search engine.
- Bandwidth saving: CSS can cache in browser and use for the rest of pages in the same site. No need to download those “style layout” html every time.
- Maintainability: Only change in 1 CSS and effect on pages using the same CSS.
Cons:
- Not good for some old browsers
- Different interpretatin of CSS for browsers
- Bugs
How-to:
A article from W3C for tableless layout how-to:
http://www.w3.org/2002/03/csslayout-howto.html.en
Enjoy and Happy CNY!
Filed under: Finding
