{"id":1117,"date":"2010-08-04T20:15:39","date_gmt":"2010-08-05T01:15:39","guid":{"rendered":"http:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/1117"},"modified":"2010-08-04T20:15:39","modified_gmt":"2010-08-05T01:15:39","slug":"are-divs-really-better-than-tables","status":"publish","type":"post","link":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/1117","title":{"rendered":"Are DIVs really better than TABLEs?"},"content":{"rendered":"<p>The screen shot at the end of this post shows some of the HTML behind the main gmail.com page. I never looked before, so it came as a shock to me how many DIVs were used to construct the page. There are more than are visible as the document scrolled and I had only opened a particular sub-branch of the page.<\/p>\n<p>According to the Chrome Developer Tools, there are 590 DIVs (in my inbox)!<\/p>\n<p><img loading=\"lazy\" style=\"border-bottom: 0px; border-left: 0px; margin: 0px; display: inline; border-top: 0px; border-right: 0px\" class=\"wlDisabledImage\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/www.wiredprairie.us\/blog\/wp-content\/uploads\/2010\/08\/image.png\" width=\"169\" height=\"27\" \/><\/p>\n<p>So, are DIVs really better than TABLEs? Tables would be used to present data, and not just for layout in the case of Gmail.<\/p>\n<p>Gmail has 11 TABLE elements on the page:<\/p>\n<p><img loading=\"lazy\" style=\"border-bottom: 0px; border-left: 0px; margin: 0px; display: inline; border-top: 0px; border-right: 0px\" class=\"wlDisabledImage\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/www.wiredprairie.us\/blog\/wp-content\/uploads\/2010\/08\/image1.png\" width=\"164\" height=\"29\" \/><\/p>\n<p>What would you do if you were creating a messaging application like Gmail?<\/p>\n<p><img loading=\"lazy\" style=\"border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px\" class=\"wlDisabledImage\" title=\"image\" border=\"0\" alt=\"image\" src=\"http:\/\/www.wiredprairie.us\/blog\/wp-content\/uploads\/2010\/08\/image2.png\" width=\"453\" height=\"768\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The screen shot at the end of this post shows some of the HTML behind the main gmail.com page. I never looked before, so it came as a shock to me how many DIVs were used to construct the page. There are more than are visible as the document scrolled and I had only opened [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[4],"tags":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pd5QIe-i1","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":2119,"url":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/2119","url_meta":{"origin":1117,"position":0},"title":"Geek gift ideas 2016","date":"November 27, 2016","format":false,"excerpt":"If you're looking to buy yourself, I mean someone else some gifts for the upcoming holiday season, here are some items that I've found useful or handy around the house. It's all stuff that I use and would recommend. KMASHI 400A Peak 14.8V 800mAh Compact Car Jump Starter It's around\u2026","rel":"","context":"In &quot;General&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.wiredprairie.us\/blog\/wp-content\/uploads\/2016\/11\/PlanetBike3H.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":699,"url":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/699","url_meta":{"origin":1117,"position":1},"title":"CSS Style Naming Recommendations","date":"February 10, 2009","format":false,"excerpt":"From Six Revisions, \u201cCSS Tip #2: Structural Naming Conventions in CSS.\u201d \u00a0 In a nutshell, they recommend naming CSS classes based on the structure of the document instead of a commonly used presentational style. For example, you could give a DIV an id of \u201crightColumn.\u201d That implies that the div\u2026","rel":"","context":"In &quot;Coding&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.wiredprairie.us\/blog\/wp-content\/uploads\/2009\/02\/image4.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1216,"url":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/1216","url_meta":{"origin":1117,"position":2},"title":"Sending an email using SMTP in .NET 4.0","date":"July 13, 2011","format":false,"excerpt":"I had need of sending embedded images within an e-mail. .NET has had a few handy classes for sending an email using SMTP for a few versions. While there were a few examples floating around the internet, none were as clean and easy to follow as I expected. So, I\u2026","rel":"","context":"In &quot;Coding&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1340,"url":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/1340","url_meta":{"origin":1117,"position":3},"title":"Nest Thermostat Review, Update #1","date":"December 27, 2011","format":false,"excerpt":"After a few weeks of using the Nest thermostat, I\u2019ve got a few more comments that I\u2019d like to share. (Here\u2019s my post about the installation). The learning feature honestly hasn\u2019t been very useful in the first few weeks. It\u2019s apparently easily confused by days that you're home unexpectedly (for\u2026","rel":"","context":"In &quot;General&quot;","img":{"alt_text":"image","src":"https:\/\/i0.wp.com\/www.wiredprairie.us\/blog\/wp-content\/uploads\/2011\/12\/image_thumb3.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":727,"url":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/727","url_meta":{"origin":1117,"position":4},"title":"Arcade Billiards, the Source Code","date":"March 12, 2009","format":false,"excerpt":"Although my Mix09 entry didn\u2019t place\/win, as promised I\u2019m posting the source code, as-is. It\u2019s not the final completely condensed version that I actually submitted (as that version had carriage returns\/line feeds, tabs, etc. all removed). Download Source As a consolation prize, I did receive a limited edition T-shirt just\u2026","rel":"","context":"In &quot;Coding&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1397,"url":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/1397","url_meta":{"origin":1117,"position":5},"title":"A post not related to Nest thermostat hardware&hellip;.","date":"January 3, 2012","format":false,"excerpt":"I typed in https:\/\/www.nest.com this evening and instead of the nice looking Nest.com web site, I got this: What?! I hadn\u2019t actually noticed that I\u2019d typed https at first, so I was a bit baffled for a moment. After closer investigation, Nest doesn\u2019t have HTTPS apparently for their marketing\/support web\u2026","rel":"","context":"In &quot;Coding&quot;","img":{"alt_text":"SNAGHTML69c9dbf8","src":"https:\/\/i0.wp.com\/www.wiredprairie.us\/blog\/wp-content\/uploads\/2012\/01\/SNAGHTML69c9dbf8_thumb.png?resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/posts\/1117"}],"collection":[{"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/comments?post=1117"}],"version-history":[{"count":0,"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/posts\/1117\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/media?parent=1117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/categories?post=1117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/tags?post=1117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}