{"id":434,"date":"2009-08-25T14:13:49","date_gmt":"2009-08-25T14:13:49","guid":{"rendered":"http:\/\/dvdwebz.es\/blog\/post\/785\/html_5"},"modified":"2011-05-15T15:52:19","modified_gmt":"2011-05-15T15:52:19","slug":"html-5","status":"publish","type":"post","link":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/","title":{"rendered":"HTML 5"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i30.tinypic.com\/o5cjky.jpg\" alt=\"\" width=\"150\" height=\"195\" \/><\/p>\n<p>Un nuevo camino se va a abrir en nada dentro del desarrollo web y este no es otro que el nuevo <strong>HTML 5<\/strong>.<\/p>\n<p>Durante <strong>casi una d&eacute;cada hemos trabajado con HTML 4<\/strong> y sus posteriores &#8216;ampliaciones&#8217; en forma de <strong>XHTML<\/strong> y ahora por fin, parece que vamos a evolucionar hacia el 5.<\/p>\n<p><em><strong>Qu&eacute; vamos a tener de nuevo?<\/strong><\/em><\/p>\n<p>Pues nuevas etiquetas que van a hacer la maquetaci&oacute;n y el desarrollo CSS mucho m&aacute;s sencillos, con etiquetas como <em>header, footer, article, nav <\/em>o<em> aside<\/em>, que van a hacer que nos olvidemos de usar miles de divs para nuestras cajas.<\/p>\n<p><strong>Este sin duda creo que va a ser el cambio m&aacute;s brutal de cara al desarrollo<\/strong>, aunque la estructura en si de la web no va a cambiar, si su entendimiento interno ya que con estas nuevas etiquetas tendemos m&aacute;s hacia el XML donde las etiquetas son mucho m&aacute;s comprensibles por todos, as&iacute; ahora con los <em>header<\/em> y los <em>footer<\/em>, sabremos siempre donde empiezan y acaban las cosas, as&iacute; como con <em>nav<\/em>, sabremos donde tenemos el men&uacute;, por poner unos ejemplos sencillos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/i29.tinypic.com\/2s9sxp4.gif\" alt=\"\" width=\"540\" height=\"270\" \/><\/p>\n<p><em><strong>No hay nada m&aacute;s?<\/strong><\/em><\/p>\n<p>S&iacute; que hay, y muy bueno, <strong>sobre todo para el tema multimedia<\/strong>: <em>audio<\/em> y <em>video<\/em> son dos nuevas etiquetas para que podamos incrustar dichos elementos a nuestra p&aacute;gina, con lo cual <strong>no tendremos necesidad de usar el dichoso Flash<\/strong> para hacer estas cosas, con la simple declaraci&oacute;n de la etiqueta y la fuente ya tendremos nuestro v&iacute;deo en pantalla, mola verdad?<\/p>\n<p><em><strong>Y&#8230; para cuando??<\/strong><\/em><\/p>\n<p>Esa es la gran pregunta. Para que podamos usar HTML 5 ya como est&aacute;ndar base en una empresa <strong>hay que tener en cuenta a nuestros amigos los navegadores<\/strong>. De momento <strong>Safari parece que ya acepta cosas de HTML 5, pero claro&#8230; e Internet Explorer???<\/strong> pues eso, mejor no hablar, as&iacute; que personalmente pienso que <strong>a&uacute;n pasar&aacute;n un a&ntilde;o o dos<\/strong> hasta que podamos usar como si nada el HTML 5 sin miedo a que el cliente no vea bien la web, una l&aacute;stima la verdad, pero volvemos a lo de siempre&#8230; los navegadores.<\/p>\n<p>Esto a grandes rasgos es HTML 5, un paso adelante, una evoluci&oacute;n dentro del desarrollo web que junto a <strong>CSS 3<\/strong>, van a ser lo siguiente dentro de este mundo, tendremos que esperar, pero hay que ir prepar&aacute;ndose para lo que nos viene y lo que viene&#8230; mola :D.<\/p>\n<p><strong>+ info:<br \/><\/strong>&#8211; <a href=\"http:\/\/dev.w3.org\/html5\/spec\/Overview.html\">W3C<\/a><br \/>&#8211; <a href=\"http:\/\/www.alistapart.com\/articles\/previewofhtml5\">A List Apart<\/a><br \/>&#8211; <a href=\"http:\/\/www.smashingmagazine.com\/2009\/07\/16\/html5-and-the-future-of-the-web\/\">Smashing Magazine<\/a>&nbsp;<\/p>\n<p>\n          \t\t<em>Oyendo:<\/em> Trey Songz &#8211; Famous<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un nuevo camino se va a abrir en nada dentro del desarrollo web y este no es otro que el nuevo HTML 5. Durante casi una d&eacute;cada hemos trabajado con HTML 4 y sus posteriores &#8216;ampliaciones&#8217; en forma de XHTML y ahora por fin, parece que vamos a evolucionar hacia el 5. Qu&eacute; vamos a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-434","post","type-post","status-publish","format-standard","hentry","category-webeando"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML 5 - David Chanz\u00e1 T\u00e9llez<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML 5 - David Chanz\u00e1 T\u00e9llez\" \/>\n<meta property=\"og:description\" content=\"Un nuevo camino se va a abrir en nada dentro del desarrollo web y este no es otro que el nuevo HTML 5. Durante casi una d&eacute;cada hemos trabajado con HTML 4 y sus posteriores &#8216;ampliaciones&#8217; en forma de XHTML y ahora por fin, parece que vamos a evolucionar hacia el 5. Qu&eacute; vamos a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/\" \/>\n<meta property=\"og:site_name\" content=\"David Chanz\u00e1 T\u00e9llez\" \/>\n<meta property=\"article:published_time\" content=\"2009-08-25T14:13:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2011-05-15T15:52:19+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/i30.tinypic.com\/o5cjky.jpg\" \/>\n<meta name=\"author\" content=\"David Chanz\u00e1 T\u00e9llez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@davidchanza\" \/>\n<meta name=\"twitter:site\" content=\"@davidchanza\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"David Chanz\u00e1 T\u00e9llez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/\"},\"author\":{\"name\":\"David Chanz\u00e1 T\u00e9llez\",\"@id\":\"https:\/\/davidchanza.es\/blog\/#\/schema\/person\/344c7edff3a3f494fbaab0a0be411229\"},\"headline\":\"HTML 5\",\"datePublished\":\"2009-08-25T14:13:49+00:00\",\"dateModified\":\"2011-05-15T15:52:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/\"},\"wordCount\":440,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/davidchanza.es\/blog\/#\/schema\/person\/344c7edff3a3f494fbaab0a0be411229\"},\"image\":{\"@id\":\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/i30.tinypic.com\/o5cjky.jpg\",\"articleSection\":[\"Webeando\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/\",\"url\":\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/\",\"name\":\"HTML 5 - David Chanz\u00e1 T\u00e9llez\",\"isPartOf\":{\"@id\":\"https:\/\/davidchanza.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/i30.tinypic.com\/o5cjky.jpg\",\"datePublished\":\"2009-08-25T14:13:49+00:00\",\"dateModified\":\"2011-05-15T15:52:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#primaryimage\",\"url\":\"http:\/\/i30.tinypic.com\/o5cjky.jpg\",\"contentUrl\":\"http:\/\/i30.tinypic.com\/o5cjky.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/davidchanza.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML 5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/davidchanza.es\/blog\/#website\",\"url\":\"https:\/\/davidchanza.es\/blog\/\",\"name\":\"David Chanz\u00e1 T\u00e9llez\",\"description\":\"Creando futuros Agassis &amp; Steffis, Lacustre, NBA MVP, zapatillero, viciado musical, web jedi y JUG\u00d3N.\",\"publisher\":{\"@id\":\"https:\/\/davidchanza.es\/blog\/#\/schema\/person\/344c7edff3a3f494fbaab0a0be411229\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/davidchanza.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/davidchanza.es\/blog\/#\/schema\/person\/344c7edff3a3f494fbaab0a0be411229\",\"name\":\"David Chanz\u00e1 T\u00e9llez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/davidchanza.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/davidchanza.es\/blog\/wp-content\/uploads\/cropped-logo.jpg\",\"contentUrl\":\"https:\/\/davidchanza.es\/blog\/wp-content\/uploads\/cropped-logo.jpg\",\"width\":512,\"height\":512,\"caption\":\"David Chanz\u00e1 T\u00e9llez\"},\"logo\":{\"@id\":\"https:\/\/davidchanza.es\/blog\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/davidchanza.es\",\"https:\/\/instagram.com\/davidchanza\",\"https:\/\/x.com\/davidchanza\"],\"url\":\"https:\/\/davidchanza.es\/blog\/author\/david\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML 5 - David Chanz\u00e1 T\u00e9llez","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/","og_locale":"es_ES","og_type":"article","og_title":"HTML 5 - David Chanz\u00e1 T\u00e9llez","og_description":"Un nuevo camino se va a abrir en nada dentro del desarrollo web y este no es otro que el nuevo HTML 5. Durante casi una d&eacute;cada hemos trabajado con HTML 4 y sus posteriores &#8216;ampliaciones&#8217; en forma de XHTML y ahora por fin, parece que vamos a evolucionar hacia el 5. Qu&eacute; vamos a [&hellip;]","og_url":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/","og_site_name":"David Chanz\u00e1 T\u00e9llez","article_published_time":"2009-08-25T14:13:49+00:00","article_modified_time":"2011-05-15T15:52:19+00:00","og_image":[{"url":"http:\/\/i30.tinypic.com\/o5cjky.jpg"}],"author":"David Chanz\u00e1 T\u00e9llez","twitter_card":"summary_large_image","twitter_creator":"@davidchanza","twitter_site":"@davidchanza","twitter_misc":{"Escrito por":"David Chanz\u00e1 T\u00e9llez","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#article","isPartOf":{"@id":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/"},"author":{"name":"David Chanz\u00e1 T\u00e9llez","@id":"https:\/\/davidchanza.es\/blog\/#\/schema\/person\/344c7edff3a3f494fbaab0a0be411229"},"headline":"HTML 5","datePublished":"2009-08-25T14:13:49+00:00","dateModified":"2011-05-15T15:52:19+00:00","mainEntityOfPage":{"@id":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/"},"wordCount":440,"commentCount":0,"publisher":{"@id":"https:\/\/davidchanza.es\/blog\/#\/schema\/person\/344c7edff3a3f494fbaab0a0be411229"},"image":{"@id":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#primaryimage"},"thumbnailUrl":"http:\/\/i30.tinypic.com\/o5cjky.jpg","articleSection":["Webeando"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/","url":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/","name":"HTML 5 - David Chanz\u00e1 T\u00e9llez","isPartOf":{"@id":"https:\/\/davidchanza.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#primaryimage"},"image":{"@id":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#primaryimage"},"thumbnailUrl":"http:\/\/i30.tinypic.com\/o5cjky.jpg","datePublished":"2009-08-25T14:13:49+00:00","dateModified":"2011-05-15T15:52:19+00:00","breadcrumb":{"@id":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#primaryimage","url":"http:\/\/i30.tinypic.com\/o5cjky.jpg","contentUrl":"http:\/\/i30.tinypic.com\/o5cjky.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/davidchanza.es\/blog\/2009\/08\/25\/html-5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/davidchanza.es\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML 5"}]},{"@type":"WebSite","@id":"https:\/\/davidchanza.es\/blog\/#website","url":"https:\/\/davidchanza.es\/blog\/","name":"David Chanz\u00e1 T\u00e9llez","description":"Creando futuros Agassis &amp; Steffis, Lacustre, NBA MVP, zapatillero, viciado musical, web jedi y JUG\u00d3N.","publisher":{"@id":"https:\/\/davidchanza.es\/blog\/#\/schema\/person\/344c7edff3a3f494fbaab0a0be411229"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/davidchanza.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":["Person","Organization"],"@id":"https:\/\/davidchanza.es\/blog\/#\/schema\/person\/344c7edff3a3f494fbaab0a0be411229","name":"David Chanz\u00e1 T\u00e9llez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/davidchanza.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/davidchanza.es\/blog\/wp-content\/uploads\/cropped-logo.jpg","contentUrl":"https:\/\/davidchanza.es\/blog\/wp-content\/uploads\/cropped-logo.jpg","width":512,"height":512,"caption":"David Chanz\u00e1 T\u00e9llez"},"logo":{"@id":"https:\/\/davidchanza.es\/blog\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/davidchanza.es","https:\/\/instagram.com\/davidchanza","https:\/\/x.com\/davidchanza"],"url":"https:\/\/davidchanza.es\/blog\/author\/david\/"}]}},"_links":{"self":[{"href":"https:\/\/davidchanza.es\/blog\/wp-json\/wp\/v2\/posts\/434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davidchanza.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/davidchanza.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/davidchanza.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davidchanza.es\/blog\/wp-json\/wp\/v2\/comments?post=434"}],"version-history":[{"count":1,"href":"https:\/\/davidchanza.es\/blog\/wp-json\/wp\/v2\/posts\/434\/revisions"}],"predecessor-version":[{"id":1780,"href":"https:\/\/davidchanza.es\/blog\/wp-json\/wp\/v2\/posts\/434\/revisions\/1780"}],"wp:attachment":[{"href":"https:\/\/davidchanza.es\/blog\/wp-json\/wp\/v2\/media?parent=434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/davidchanza.es\/blog\/wp-json\/wp\/v2\/categories?post=434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/davidchanza.es\/blog\/wp-json\/wp\/v2\/tags?post=434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}