1 / 7

Tables for layout are bad 5 reasons

Tables for layout are bad 5 reasons . Tables Are Not Accessible Tables are Confusing Tables are Inflexible Tables Don't Always Print Well Tables for Layout are Invalid in HTML 4.01. Jeff Gring. Reason 1: Tables Are Not Accessible.

telyn
Download Presentation

Tables for layout are bad 5 reasons

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. Tables for layout are bad5 reasons Tables Are Not Accessible Tables are Confusing Tables are Inflexible Tables Don't Always Print Well Tables for Layout are Invalid in HTML 4.01 Jeff Gring

  2. Reason 1: Tables Are Not Accessible Most screen readersread web pages in the order that they are displayed in the HTML. And tables can be very hard for screen readers to parse.

  3. <table><tr><td>This is the content</td></tr><table> DIV: <div>This is the content</div> Reason 1: Tables are confusing Tables require considerably more code than DIVs Difficult to maintain

  4. Reason 3: Tables are Inflexible Slower to load Tables change how your layout looks

  5. Reason 4: Tables Don't Always Print Well Printer issues for tables that are too wide.

  6. Reason 5: Tables for Layout are Invalid in HTML 4.01 HTML 4.01 rules doesn’t apply with HMTL 5. Html 4: you can't use tables for layout. You should only use tables for tabular data Html 5: tables for layout are now valid HTML

  7. Tables Are Not Accessible Tables are Confusing Tables are Inflexible Tables Don't Always Print Well Tables for Layout are Invalid in HTML 4.01 Nested Tables Load More Slowly than CSS for the Same Design Tables Can Hurt Search Engine Optimization Summary Resources: http://webdesign.about.com/od/layout/a/aa111102a.htm http://www.34sp.com/blog/official-news/why-tables-are-bad/ http://www.graphics.com/modules.php?name=Sections&op=viewarticle&artid=400 http://www.webpagesthatsuck.com/worst-websites-of-2011-Q3.html

More Related