1 / 12

5 Reasons Tables for Layouts are BAD!

5 Reasons Tables for Layouts are BAD!. 1. Complicated & Difficult to maintain 2. Often slow to load 3. Tables can hurt search engine optimization 4. Tables don’t always print well 5. CSS redesigns are more efficient. Reason 1 . Fact: Tables are Complicated & Difficult to maintain

finnea
Download Presentation

5 Reasons Tables for Layouts are BAD!

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 5 Reasons Tables for Layouts are BAD! 1. Complicated & Difficult to maintain 2. Often slow to load 3. Tables can hurt search engine optimization 4. Tables don’t always print well 5. CSS redesigns are more efficient

  2. Reason 1 Fact: Tables are Complicated & Difficult to maintain If it is not data that could be managed on a spreadsheet, images or graphs will be difficult to upkeep. Resource webdesign.about.com/od/layout/a/aa1111oza.htm

  3. Table used for graph will be difficult to maintain. http://www.druglibrary.org/schaffer/library/graphs/29.htm

  4. Reason 2 Fact: Tables are often slow to load Resourcehttp://www.alaskanchefshawn.com/Pix.htm

  5. http://www.alaskanchefshawn.com/Pix.htm Here, a screenshot of a of a site using tables to load images is taken before the images loaded.

  6. Reason 3 Fact: Tables can hurt search engine optimization Data inside of tables can be considered less important than data of other sites. Reference http://webdesign.about.com/od/layout/a/aa1111oza.htm http://www.seobythesea.com/2008/08/search-engines-extracting-table-data-on-the-web/

  7. Information in tables will not be given priority by search engine spiders. http://www.lib.purdue.edu/rguides/studentinstruction/evaluation/websiteevaluationchart.html

  8. Reason 4 Fact: Tables don’t always print well Tables can be too wide to print, to make tables print, browsers will cut tables off and print sections below. Reference http://webdesign.about.com/od/layout/a/aa1111oza.htm

  9. Reason 5 Fact: CSS redesigns are more efficient Redesigning a website using tables is significantly slower than redesigning a website using CSS. Reference http://www.velvetblues.com/web-development-blog/ http://www.chromaticsites.com/blog/13-reasons-why-css-is-superior-to-tables-in-website-design/

  10. Example http://onecoolsitebloggingtips.com/2010/03/24/align-images-html-tables-for-wordpress-blogs/

  11. One of NY Times worst rated sites http://pol.illinoisstate.edu/jpda/charts/bad_charts1.htm#NYTimes

  12. Summary • There are better ways to layout images than tables, for example, CSS. • CSS layouts for images will load faster. • Less priority is given to data if it is inside a table. • User experience may be poor if they find it difficult to print your information as it appears on page. • When using external CSS style sheets, it is much easier to maintain visual consistency throughout a website.

More Related