80 likes | 251 Views
Why tables are bad for layout. By Mohamed Swelam & Matt Moore . Tables are bad for layout. Layout tables are inflexible and less controllable than CSS based html. They indicates a minor knowledge of modern web technologies. Page load speed Tables don’t always print well
E N D
Why tables are bad for layout By Mohamed Swelam & Matt Moore
Tables are bad for layout • Layout tables are inflexible and less controllable than CSS based html. • They indicates a minor knowledge of modern web technologies. • Page load speed • Tables don’t always print well • Harms Search Engine Optimization http://www.goodwebsiteinspector.com
Layout tables are inflexible • Layout tables are inflexible and less controllable than CSS based html. • As time goes on you will most likely forget why you nested a table in a certain way (and other people will have no idea why you did in the first place). http://www.goodwebsiteinspector.com
They indicates a minor knowledge of modern web technologies. • Potential employers may want to see your proficiency in using CSS to design layout instead of using tables. http://www.goodwebsiteinspector.com
Page load speed • Tables are very slow to render, especially nested tables. http://aspektas.com/blog/three-simple-reasons-why-tables-for-layout-are-bad/
Tables don’t always print well • Many table designs don't print well because they are simply too wide for the printer; to make them fit, browsers will cut the tables off and print sections below resulting in very disjointed pages. http://webdesign.about.com/od/layout/a/aa111102a.htm
Harms Search Engine Optimization • Causes search engines that are searching for data by scanning table tags on sites to slow down. • “From 0.3 billion web documents, we extract 1.95 billion raw html tables. Many of them do not contain useful or relational information (e.g., be used for page layout purpose);” http://webdesign.about.com/od/layout/a/aa111102a.htm http://cs.sjtu.edu.cn/~kzhu/papers/webtables.pdf
Examples for web sites with tables layout http://www.Frys.com http://www.computersonics.com/ http://www.thewebseye.com/using-tables.htm