{"id":2705,"date":"2016-02-02T13:46:08","date_gmt":"2016-02-02T13:46:08","guid":{"rendered":"http:\/\/www.blog.facilcloud.com\/noticias\/?p=2705"},"modified":"2016-07-18T19:44:42","modified_gmt":"2016-07-18T19:44:42","slug":"4-razones-para-no-usar-tablas-en-tu-html","status":"publish","type":"post","link":"https:\/\/www.blog.facilcloud.com\/noticias\/4-razones-para-no-usar-tablas-en-tu-html\/","title":{"rendered":"4 razones para no usar tablas en tu HTML"},"content":{"rendered":"<p style=\"text-align: justify;\">Las tablas tienen una funci\u00f3n muy importante en <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">HTML<\/a><\/span>, sirven para mostrar informaci\u00f3n tabular, es decir, \u00a0permite a los autores organizar datos en filas y en columnas de celdas. Sin embargo hay quienes las utilizan para darle forma al dise\u00f1o de una <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">p\u00e1gina web<\/a><\/span>, algo para lo que las tablas no fueron creadas.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.facilcloud.com\/managed-cloud.php\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2332 size-full\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/Banner-Facilcloud_728-x-90.jpg\" alt=\"Banner Facilcloud_728 x 90\" width=\"728\" height=\"90\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/Banner-Facilcloud_728-x-90.jpg 728w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/Banner-Facilcloud_728-x-90-300x37.jpg 300w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/Banner-Facilcloud_728-x-90-235x29.jpg 235w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">\u00bfPor qu\u00e9 no debes usarlas para ese fin? Aqu\u00ed tienes 4 razones:<\/p>\n<p style=\"text-align: justify;\"><strong><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-02.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-2706 alignleft\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-02.jpg\" alt=\"4 razones para no usar tablas en tu HTML\" width=\"150\" height=\"150\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-02.jpg 150w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-02-80x80.jpg 80w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/strong><\/p>\n<p style=\"text-align: justify;\"><strong>Usar tablas para la presentaci\u00f3n <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">web<\/span> <\/a>quedo en el pasado<\/strong><\/p>\n<p style=\"text-align: justify;\">Un buen dise\u00f1ador no usa tablas para hacer el layout de un sitio. Con <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">CSS<\/span> <\/a>puedes hacer cosas incre\u00edbles que no podr\u00edas lograr usando tablas.<\/p>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\"><strong><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-03.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-2708 alignleft\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-03.jpg\" alt=\"4 razones para no usar tablas en tu HTML\" width=\"150\" height=\"150\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-03.jpg 150w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-03-80x80.jpg 80w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/strong><\/p>\n<p style=\"text-align: justify;\"><strong>Carga lenta de t\u00fa <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">p\u00e1gina<\/a><\/span><\/strong><\/p>\n<p style=\"text-align: justify;\">El uso de las tablas para el dise\u00f1o de <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">p\u00e1ginas\u00a0<\/a><\/span><a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">web<\/span> <\/a>hace que el archivo <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">HTML<\/span> <\/a>pese mucho m\u00e1s, en cambio los archivos <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">CSS<\/span> <\/a>se quedan en el cach\u00e9 del navegador,\u00a0 haciendo que consuma menos ancho de banda y tus paginas carguen mucho m\u00e1s r\u00e1pido.<\/p>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\"><strong><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-04.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-2709 alignleft\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-04.jpg\" alt=\"4 razones para no usar tablas en tu HTML-02\" width=\"150\" height=\"150\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-04.jpg 150w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-04-80x80.jpg 80w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/strong><\/p>\n<p style=\"text-align: justify;\"><strong>Sin tablas haces a tu p\u00e1gina m\u00e1s atractiva para los buscadores como Google<\/strong><\/p>\n<p style=\"text-align: justify;\">Un c\u00f3digo <a href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\"><span style=\"color: #0000ff;\">HTML<\/span> <\/a>bien hecho, sin tablas para layout, hace de tus <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">p\u00e1ginas<\/a> <\/span>m\u00e1s amigables para los buscadores. Te ayudar\u00e1 a tener un mejor ranking en los resultados de b\u00fasqueda \u00a1piensa en todo el tr\u00e1fico que puedes recibir!<\/p>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\"><strong><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-05.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-2710 alignleft\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-05.jpg\" alt=\"4 razones para no usar tablas en tu HTML-02\" width=\"150\" height=\"150\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-05.jpg 150w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/02\/4-razones-para-no-usar-tablas-en-tu-HTML-05-80x80.jpg 80w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/strong><\/p>\n<p style=\"text-align: justify;\"><strong>La misma persona que ide\u00f3 el layout en base a tablas lo dice<\/strong><\/p>\n<p style=\"text-align: justify;\">S\u00ed, el mismo David Siegel lo dice en su art\u00edculo \u00ab<span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">The Web<\/a><\/span> is Ruined and I Ruined it\u00bb, \u00ab<span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">La web<\/a><\/span> est\u00e1 arruinada y yo la arruin\u00e9\u00bb, publicado en octubre de 1997.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: right;\"><span style=\"text-decoration: underline;\">Informaci\u00f3n de: www.aprendiendoweb.com<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Las tablas tienen una funci\u00f3n muy importante en HTML, sirven para mostrar informaci\u00f3n tabular, es decir, \u00a0permite a los autores organizar datos en filas y en columnas de celdas. Sin embargo hay quienes las utilizan para darle forma al dise\u00f1o de una p\u00e1gina web, algo para lo que las tablas no fueron creadas. \u00bfPor qu\u00e9 [&hellip;]<\/p>\n","protected":false},"author":123457,"featured_media":2714,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[1],"tags":[335,21,71,16,17,123,733,582,6,173,66,122,18,7,100,35,506,263],"class_list":["post-2705","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-varios","tag-america","tag-aplicaciones","tag-apps","tag-cloud","tag-cloud-server","tag-css","tag-developers","tag-diseno-web","tag-elastic-cloud","tag-facilcloud","tag-google","tag-html","tag-nube","tag-nube-elastica","tag-programadores","tag-tecnologia","tag-the-cloud","tag-web"],"_links":{"self":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts\/2705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/users\/123457"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/comments?post=2705"}],"version-history":[{"count":0,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts\/2705\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/media\/2714"}],"wp:attachment":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/media?parent=2705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/categories?post=2705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/tags?post=2705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}