{"id":7435,"date":"2019-08-19T16:45:41","date_gmt":"2019-08-19T21:45:41","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=7435"},"modified":"2019-08-19T16:46:15","modified_gmt":"2019-08-19T21:46:15","slug":"diseno-web-puerta-de-hierro-zapopan","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/diseno-web-puerta-de-hierro-zapopan\/","title":{"rendered":"Dise\u00f1o web Puerta de Hierro Zapopan"},"content":{"rendered":"<h1>Dise\u00f1o web Puerta de Hierro Zapopan<\/h1>\n<figure id=\"attachment_7439\" aria-describedby=\"caption-attachment-7439\" style=\"width: 480px\" class=\"wp-caption alignnone\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-7439 size-medium\" title=\"dise\u00f1o web puerta de hierro zapopan\" src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-puerta-de-hierro-zapopan-480x290.jpg.webp\" alt=\"dise\u00f1o web puerta de hierro zapopan\" width=\"480\" height=\"290\" srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-puerta-de-hierro-zapopan-480x290.jpg.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-puerta-de-hierro-zapopan-768x465.jpg.webp 768w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-puerta-de-hierro-zapopan.jpg.webp 800w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><figcaption id=\"caption-attachment-7439\" class=\"wp-caption-text\"><em><strong>Dise\u00f1o web puerta de hierro zapopan<\/strong><\/em><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3>SEM\u00c1NTICA<\/h3>\n<p><em><strong>Dise\u00f1o web Puerta de Hierro Zapopan<\/strong><\/em>: Una de las novedades que hemos mencionado anteriormente son las etiquetas que se han introducido en HTML5. Existen m\u00e1s de 30 nuevas etiquetas sem\u00e1nticas que pueden ser utilizadas en nuestras p\u00e1ginas est\u00e1ticas. Estas nuevas etiquetas se podr\u00edan clasificar en dos grupos: Etiquetas que extienden a las actuales, como &lt;video&gt;, &lt;audio&gt; o &lt;canvas&gt;, y que adem\u00e1s a\u00f1aden nuevas funcionalidades a los documentos HTML, que podemos controlar desde JavaScript y etiquetas que componen la web sem\u00e1ntica, es decir, que no proponen nuevas funcionalidades pero sirven para estructurar sitios web, y a\u00f1adir un significado concreto, m\u00e1s all\u00e1 de las etiquetas generales como &lt;div&gt;. En este cap\u00edtulo, veremos como transformar nuestra estructura actual de marcado basada en &lt;div&gt;, a una estructura que utiliza las nuevas etiquetas estructurales como &lt;nav&gt;, &lt;header&gt;, &lt;footer&gt;, &lt;aside&gt;, o &lt;article&gt;.<\/p>\n<h3>CABECERA DEL DOCUMENTO<\/h3>\n<p>Adem\u00e1s de las nuevas etiquetas introducidas por HTML5 (que veremos m\u00e1s adelante), el nuevo est\u00e1ndar propone peque\u00f1as mejoras que podemos aplicar en la definici\u00f3n de nuestros documentos, en concreto en la cabecera de los mismos. ( <em><strong>Dise\u00f1o web Puerta de Hierro Zapopan<\/strong><\/em> )<\/p>\n<h3>DOCTYPE<\/h3>\n<p>El est\u00e1ndar XHTML deriva de XML, por lo que comparte con \u00e9l muchas de sus normas y sintaxis. Uno de los conceptos fundamentales de XML es la utilizaci\u00f3n del DTD o Document Type Definition (&#8220;Definici\u00f3n del Tipo de Documento&#8221;). El est\u00e1ndar XHTML define el DTD que deben seguir las p\u00e1ginas y documentos XHTML. En este documento se definen las etiquetas que se pueden utilizar, los atributos de cada etiqueta y el tipo de valores que puede tener cada atributo.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-7437 lazyload\" data-src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-puerta-de-hierro-480x57.jpg.webp\" alt=\"\" width=\"480\" height=\"57\" data-srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-puerta-de-hierro-480x57.jpg.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-puerta-de-hierro-768x90.jpg.webp 768w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-puerta-de-hierro.jpg.webp 959w\" data-sizes=\"(max-width: 480px) 100vw, 480px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 480px; --smush-placeholder-aspect-ratio: 480\/57;\" \/><\/p>\n<p>\u00c9sta es una de las 15 declaraciones posibles declaradas en los est\u00e1ndares HTML4 y XHTML. En HTML5 se reduce la definici\u00f3n del tipo de documento a una \u00fanica posibilidad, por lo que no tenemos que preocuparnos de elegir el tipo de documento correcto:<\/p>\n<p>&nbsp;<\/p>\n<h3>ELEMENTO RA\u00cdZ HTML<\/h3>\n<p>En todo documento HTML, su elemento ra\u00edz o nodo superior siempre es la etiqueta &lt;html&gt;. Hasta ahora, este elemento ra\u00edz se defin\u00eda de la siguiente manera:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-7438 lazyload\" data-src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-puerta-de-hierro2-480x60.jpg.webp\" alt=\"\" width=\"480\" height=\"60\" data-srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-puerta-de-hierro2-480x60.jpg.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-web-puerta-de-hierro2.jpg.webp 758w\" data-sizes=\"(max-width: 480px) 100vw, 480px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 480px; --smush-placeholder-aspect-ratio: 480\/60;\" \/><\/p>\n<p>No hay ning\u00fan problema en mantener esta sintaxis. Si se desea, se puede conservar, ya que es v\u00e1lido en HTML5. Sin embargo, algunas de sus partes ya no son necesarias, por lo que podemos eliminarlas. El primer elemento del que podemos prescindir es el atributo xmlns. Se trata de una herencia de XHTML 1.0, que dice que los elementos de esta p\u00e1gina est\u00e1n en el espacio de nombres XHTML, http:\/\/www.w3.org\/1999\/xhtml. Sin embargo, los elementos de HTML5 est\u00e1n siempre en este espacio de nombres, por lo que ya no es necesario declararlo expl\u00edcitamente. Eliminar el atributo xmlns nos deja con este elemento de la siguiente manera:<\/p>\n<p>&lt;html lang=&#8221;es&#8221; xml:lang=&#8221;en&#8221;&gt;<\/p>\n<p>&nbsp;<\/p>\n<p>En este caso ocurre lo mismo con el atributo xml:lang, es una herencia de XHTML que podemos eliminar, quedando finalmente la etiqueta de la siguiente manera:<\/p>\n<p>&lt;html lang=&#8221;en&#8221;&gt;<\/p>\n<p>&nbsp;<\/p>\n<p>#<em><strong>Dise\u00f1o web Puerta de Hierro Zapopan<\/strong><\/em> #Agencia de dise\u00f1o web Zapopan #Desarrollo web<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o web Puerta de Hierro Zapopan &nbsp; &nbsp; SEM\u00c1NTICA Dise\u00f1o web Puerta de Hierro Zapopan: Una de las novedades que hemos mencionado anteriormente son las etiquetas que se han introducido en HTML5. Existen m\u00e1s de 30 nuevas etiquetas sem\u00e1nticas que pueden ser utilizadas en nuestras p\u00e1ginas est\u00e1ticas. Estas nuevas etiquetas se podr\u00edan clasificar en dos &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/marketingweb.com.mx\/blog\/diseno-web-puerta-de-hierro-zapopan\/\"> <span class=\"screen-reader-text\">Dise\u00f1o web Puerta de Hierro Zapopan<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":7439,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[55,20],"tags":[421,1232,46,143,47,76,1231,549],"class_list":["post-7435","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-seo","tag-agencia-de-desarrollo-web","tag-diseno-de-paginas-de-internet","tag-diseno-web","tag-diseno-web-df","tag-diseno-web-guadalajara","tag-diseno-web-monterrey","tag-diseno-web-puerta-de-hierro-zapopan","tag-diseno-web-tlaquepaque"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=7435"}],"version-history":[{"count":1,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7435\/revisions"}],"predecessor-version":[{"id":7440,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7435\/revisions\/7440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/7439"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=7435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=7435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=7435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}