1 / 10

5 Reasons Tables for Layout are Bad

5 Reasons Tables for Layout are Bad. Display – Browser will not display table until all content is loaded. Table layouts invalid for HTML 4.01 SEO – don’t use tables Tables are less accessible Tables are not easy to maintain as layout – use CSS instead. Display Issues.

mura
Download Presentation

5 Reasons Tables for Layout 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 Layout are Bad Display – Browser will not display table until all content is loaded. Table layouts invalid for HTML 4.01 SEO – don’t use tables Tables are less accessible Tables are not easy to maintain as layout – use CSS instead.

  2. Display Issues • The more complicated your table structure is, the longer it will take the browser to load the page. The same design in CSS will always load faster than a layout that utilizes tables. Even if you don’t have tables inside of tables and only one single table, it will still be more efficient to use CSS over tables because of how easy it is to edit and optimize the layout compared to tables. • Cited: http://webdesign.about.com/od/layout/a/aa111102a.htm

  3. Table Layouts invalid for HTML 4.01 • If you plan on using tables for a layout, it will not validate for HTML 4.01. Tables should only be used to display tabular data. Although valid for HTML 5 it is still not recommended for use as layout. “The HTML 4 specification states: Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media.” – Jennifer Kyrnin. • http://webdesign.about.com/od/layout/a/aa111102a.htm

  4. SEO • Using tables for layout will make it more difficult for the search engine to look through the content and therefore giving you less than optimal SEO. CSS is much faster to load than Tables as a layout, easier to mark up and maintain, and much better for your sites SEO. If you want to get more traffic, avoid tables for anything but tabular data at ALL COST. http://webdesign.about.com/od/layout/a/aa111102a.htm

  5. Accessibility • Using Tables as a layout will limit the access to your content. If you want your site to be viewable on all platforms, use CSS instead. To optimize traffic and functionality of your web site, use CSS. Not Tables. http://webdesign.about.com/od/layout/a/aa111102a.htm

  6. Maintenance • It is much more difficult to maintain a site that has tables for layout instead of CSS. With CSS, you have three different levels of styles that are easy to go back and edit. But if you are using tables you will have to go into every individual table and change something, which is a major hassle. • http://webdesign.about.com/od/layout/a/aa111102a.htm

  7. Examples of Table overuse

  8. continued

  9. Crazy

  10. What you should have learned • Avoid tables for the rest of your life as far as layout • If you didn’t learn this, repeat from slide one.

More Related