Difference between table and div tags

Tables are still quite acceptable for displaying layout elements that are in a tabular layout format, and in fact can be better than divs with such
layout. However, divs are more flexible for the same reason – they do not restrict the layout to tabular format. Instead, a div is like a “floating
box” that can be positioned anywhere you want.

Good web design specifies seperating content from presentation. That is, seperating the actual text of your site from it’s layout and style.

Tables have many problems, including being more difficult for those with disabilities to read, as well as making it more difficult for search
engines to find relevant information.

div/css based sites tend to get better page ranks in google and other crawlers because the site is “semantically” relevant. That is, you’ve
tagged parts of your page with bits of information that defines its importance, such as using h1/h2/h3 tags, etc…

Nothing is preventing you from designing sites as you always have, and 95% of your audience will probably never care. But if you want to be
accessible to those with disabilities (a requirement for government and educational sites, and a growing requirement for corporations – see the
Target Companies lawsuit), then semantic design is the way to go.

Another benefit is that div/css based sites tend to use a lot less bandwidth, which can save you real money if you pay per megabyte for your
hosting.

Author: adeel hussain

Advertisements

15 Comments

  1. April 16, 2010 at 8:10 pm

    thanks for useful posting, keep writing. btw your blog theme very cool… I like the color šŸ˜‰

    • Chandra Sekar Vinod Kumar said,

      July 9, 2010 at 3:44 am

      Thanks… šŸ™‚

  2. shailendra said,

    July 27, 2010 at 6:23 am

    Div timing is less than table based layout so div is good and seo friendly search engine crawler is not confuse.

  3. Rakesh Rawat said,

    September 24, 2010 at 7:23 am

    Nice but want to know more…… about advantages of table and div and which one is better

  4. Apnataunsa said,

    November 13, 2010 at 7:13 am

    i think this is is not a good and simple answer . with css you can manage many pages together and concourse with table you can do nothing.

  5. January 2, 2011 at 4:02 pm

    […] Difference between table and div tags March 2010 4 comments 4 […]

  6. ayu said,

    January 24, 2011 at 10:47 pm

    Thanks .keep on..

  7. kalyan banerjee said,

    February 21, 2011 at 6:34 am

    thanks for the blog !!

  8. salil sharma said,

    March 17, 2011 at 6:09 pm

    thanks dud
    its relay very nice answer.

  9. Devendra Kumar Salone said,

    June 18, 2011 at 4:18 am

    Hello, sir, scvinodkumar,
    I am Devendra kumar Salone. I have done web and graphic designing from arena multemedia.
    I have a question in my mind that how we save form data in my local disk in javascrip?
    Please tell me, Thank You.

  10. Francis said,

    June 22, 2011 at 7:23 am

    Is good to use Divs tags than tables be course some browser don’t displayed table correctly so i will advice to go for Divs/CSS

  11. kuldeep kumar said,

    August 6, 2011 at 7:09 am

    can you help me about Ajax toolkit loading……..
    I hv loaded ajax toolkit in my asp.net 2008 (windows 7) in this some tools are not prorely working like ToolkitScriptManager is dragable bt I can’t drag the tool AutoCompleteExtender
    plzz help…

  12. saumil said,

    November 29, 2011 at 12:16 pm

    Ok thats kool , tables are history now

    • ki gal oe said,

      August 7, 2012 at 7:20 am

      thanda , bandea thanda . eh thanda va

  13. mallikarjuna said,

    October 1, 2012 at 10:41 am

    Thanks..,


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: