Webmaster Forum


Go Back   Webmaster Forum > Web Development > Web Design Lobby > Web Usability

Web Usability Discuss and review websites for better usability.


Reply
 
LinkBack Thread Tools Display Modes
Share |
  #41 (permalink)  
Old 11-02-2011, 04:06 PM
snakeair's Avatar
Super Moderator
 
Join Date: 12-31-07
Location: Medford, NJ
Posts: 42,203
iTrader: 3 / 100%
Tables vs. DIV/CSS Layout: SEO Point of View

This blog post is out of my league for sure. lol

Quote:
Websites written using DIV/CSS are considered to be coded cleaner while nested TABLEs on the other hand can increase page size and weight.

Styled DIV tags are now considered the standard method for creating web design layouts by most web designers. DIV/CSS allows designers to change the entire look and feel of the website by only making changes to the external CSS file.

Where TABLEs exceed is in displaying data such as Calendar or Price List (Tabular Data). To create something similar strictly using DIV tags would be very time consuming and would require a significant amount of code. A TABLE makes quick work for Tabular Data.

Search engines and spiders don't care one way or another. Search engines look for content on the pages and not the HTML code; for that matter, even the pages which are not HTML coded properly or W3C valid still get indexed and rank in search engines.

Last year after Google announced...
Continued at: http://www.searchenginepeople.com/blog/css-tables.html

What are your thoughts?
__________________
Newbiz Advertising - A resourceful blog

Like us on Facebook: facebook.com/Newbizshop

Premium WordPress Themes - A list of themes.
 
Reply With Quote
  #42 (permalink)  
Old 02-01-2012, 08:56 AM
Anselmo Segundo's Avatar
Member
 
Join Date: 01-03-12
Posts: 35
iTrader: 0 / 0%
I use both, I use DIVs to make the structure of the page and tables to insert data tables, becouse it is easier, but If you use DIVs could save a bit of code
 
Reply With Quote
  #43 (permalink)  
Old 02-05-2012, 10:18 AM
Member
Latest Blog:
None

 
Join Date: 12-28-10
Posts: 36
iTrader: 0 / 0%
div tags are an advanced way to align the different items on webpage.

however tables have their own importance, if suppose i want a two colums one is text aligned right n one left, it requires a good knowledge to do so in div tags,

but in tables its like we are using ms word.

isn that so
__________________
Hotmail | yahoo mail
 
Reply With Quote
  #44 (permalink)  
Old 02-10-2012, 08:49 PM
big_mistake's Avatar
Junior Member
 
Join Date: 02-04-12
Posts: 28
iTrader: 0 / 0%
tables are still useful like we need tables when create login page for different fields while for entire login field ,we use a div tag that is used to specify properties of that login field
 
Reply With Quote
  #45 (permalink)  
Old 03-06-2012, 04:51 PM
Member
 
Join Date: 01-25-09
Location: Spokane, WA
Posts: 42
iTrader: 0 / 0%
Most CMS or WYSIWYG programs I've seen are outdated and utilize tables for page layouts and format every table cell with the same font-family, font, size, font color, etc., etc. which causes massive code bloat. Divs can result in very clean code if CSS is properly used.
__________________
SEO Analysis
 
Reply With Quote
  #46 (permalink)  
Old 03-07-2012, 06:44 AM
Contributing Member
Latest Blog:
None

 
Join Date: 03-25-06
Location: Galax, Virginia, USA
Posts: 300
iTrader: 0 / 0%
Quote:
Originally Posted by Lorel View Post
Most CMS or WYSIWYG programs I've seen are outdated and utilize tables for page layouts and format every table cell with the same font-family, font, size, font color, etc., etc. which causes massive code bloat. Divs can result in very clean code if CSS is properly used.
I feel like newer versions of Dreamweaver are just the opposite. They try to throw everything onto a style sheet - even if you are just trying to change the look of one word, one time only. Dreamweaver creates un-needed coding by defining styles in circumstances when an inline markup would be more efficient. Of course, browsers read this type of code so fast, I'm not sure it matters one way or the other in regards to the user experience.
__________________
Gary Brazzell / Brazzell Marketing Agency
Be First in the Minds of Your Customers!
Physical Therapy Marketing / Home Health Care Marketing
 
Reply With Quote
  #47 (permalink)  
Old 03-07-2012, 08:25 AM
Member
 
Join Date: 01-25-09
Location: Spokane, WA
Posts: 42
iTrader: 0 / 0%
Thanks for the info on the new Dreamweaver overdoing the CSS for single words. I write code by hand so don't use Dreamweaver. I evaluate a lot of websites by checking their code and I haven't seen one yet that convinced me to buy Dreamweaver due to the code bloat. It's quicker to just write the code by hand than clean it up later. And I believe it's important to write clean code since Google started using download time as a ranking factor.
__________________
SEO Analysis
 
Reply With Quote
  #48 (permalink)  
Old 05-23-2012, 11:21 PM
Contributing Member
Latest Blog:
None

 
Join Date: 05-20-12
Posts: 66
iTrader: 0 / 0%
Its an endless discussion probably, because the people make use of the thing they feel suitable while developing a website. Be it a dreamweaver or an HTML, a table or a div. All of the tags which are being included in any of the web developing tool have their own feature. None is more powerful and none is the weaker. It only depends on the type of code a developer is coding under the body of HTML.
__________________
Benefit Of indesign training
 
Reply With Quote
  #49 (permalink)  
Old 07-24-2012, 11:00 PM
Member
Latest Blog:
None

 
Join Date: 07-12-12
Posts: 38
iTrader: 0 / 0%
todays web standard is div tags, i think ,

as it helps in reducing page size and make html look clean which in further improve SEO score

Quote:
Originally Posted by itabspst View Post
Today´s web standard are div-tables, so go for it!

not div-tables my friend
 
Reply With Quote
  #50 (permalink)  
Old 08-23-2012, 05:35 AM
Junior Member
 
Join Date: 08-23-12
Posts: 21
iTrader: 0 / 0%
gone are the days for table div is used now a days
 
Reply With Quote
  #51 (permalink)  
Old 09-21-2012, 01:55 AM
Junior Member
 
Join Date: 08-29-12
Posts: 28
iTrader: 0 / 0%
In general DIVs are better for usability and design. Tables were designed for tabular data but border=0 made it attractive for layout. Tables by it self are not a problem for accessibility but nested html tables are. They can break alternative browsers and mess up content order so stick to DIV if possible and leave tables for tabular data.
 
Reply With Quote
  #52 (permalink)  
Old 09-24-2012, 12:00 AM
Contributing Member
Latest Blog:
None

 
Join Date: 10-26-10
Location: Portland, Oregon
Posts: 65
iTrader: 0 / 0%
I haven't used tables for layout for years now -- but I do actually still miss them. Some things were actually just easier to do with tables (ie. multiple full height columns, vertical centering, and a host of other miscellaneous items that come up from time to time where I wish I could just throw in a table). There are of course ways to do these with div based layouts, but I actually feel like they were a bit cleaner with tables. I've come across whole websites just devoted to creating columns with divs and addressing the issues that arise with div based columns! I think one of the advantages of tables was that cells were linked, so if one cell grew vertically, it also pulled down the cells next to it. Elments of the page were tied to on another -- which is a nice principle in terms of design.

Don't get me wrong, I actually really like divs and coding pages in that style (it's all I've done for the bast 4 or 5 years), but there were some nice things about tables. I also notice the same 'validating' reasons given that I don't necessarily agree with:

Quote:
Originally Posted by HTMLBasicTutor View Post
"[with tables] you have to redo the pages if you want to make a major layout change"
I've never actually understood this point -- if I'm making a change, I'm going to be editing files regardless of how they are coded. Generally this is only a stylesheet and a layout file whether it's div or table based.

Quote:
Originally Posted by HTMLBasicTutor View Post
people tend to nest tables within tables too much
People tend to nest divs within divs too much as well.

Quote:
Originally Posted by HTMLBasicTutor View Post
Tables are meant for data, not layouts
True, but if something does work well for another use, then I don't see the issue. History is riddled with tools and inventions created for one purpose, but which work brilliantly for other uses as well.

Quote:
Originally Posted by HTMLBasicTutor View Post
Coding for Tables based layouts is more bloated
I think this is debatable. There are some layouts that require much less coding when done as a table, especially simple ones with just a header, sidebar, main content window, and a footer. Much of the behavior is a natural property of the table structure (ie. columns) -- with divs, you have to code that behavior into it.

Again, just thought I would play devil's advocate here. There are many, many advantages to using divs, and yes, if you're coding websites now, they should be div based. However, there were some very useful features of the table-based systems that were let go of when divs were adopted.
 
Reply With Quote
  #53 (permalink)  
Old 09-24-2012, 06:43 AM
Contributing Member
Latest Blog:
None

 
Join Date: 03-25-06
Location: Galax, Virginia, USA
Posts: 300
iTrader: 0 / 0%
Quote:
Originally Posted by dxter View Post
Tables by it self are not a problem for accessibility but nested html tables are. They can break alternative browsers and mess up content order so stick to DIV if possible and leave tables for tabular data.
What are the alternative browsers that don't render nested tables well?
__________________
Gary Brazzell / Brazzell Marketing Agency
Be First in the Minds of Your Customers!
Physical Therapy Marketing / Home Health Care Marketing
 
Reply With Quote
  #54 (permalink)  
Old 09-24-2012, 10:20 AM
freeadstime's Avatar
Contributing Member
Latest Blog:
None

 
Join Date: 07-09-12
Posts: 335
iTrader: 0 / 0%
Nested tables was a thing for the past. It will add a lot of kilobytes to your page comparing to use of a div. Forget the tables, stick with everything CSS.
__________________
We make sure that everyone has access to a Free Ads classifieds. Post an Ad under pets, vehicles, services, jobs, apartment rentals and other similar categories.
 
Reply With Quote
  #55 (permalink)  
Old 09-25-2012, 12:52 AM
changetheworld's Avatar
Junior Member
 
Join Date: 09-24-12
Location: Sacremento, CA
Posts: 26
iTrader: 0 / 0%
Div tags increases page Loading speeds.
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby > Web Usability

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
tables gregy123 Coding Forum 9 10-12-2009 01:25 PM
Why don't the tables to what I want them to do! Klaas Koopman Coding Forum 11 04-06-2006 07:51 AM
Tables or CSS? ATLien Web Usability 47 02-24-2006 08:12 AM
CSS vs. Tables GeXus SEO Forum 8 11-20-2005 12:22 PM
Tables vs. Css austendesigns Web Design Lobby 32 04-30-2005 05:06 PM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 01:05 AM.
Powered by vBulletin
Copyright © 2000-2013 Jelsoft Enterprises Limited.
Copyright © 2003 - 2013 Escalate Media LP




Search Engine Optimization by vBSEO 3.6.0 RC 2 ©2011, Crawlability, Inc.