{"id":4192,"date":"2018-03-09T23:38:50","date_gmt":"2018-03-09T23:38:50","guid":{"rendered":"http:\/\/disenoweb.mx\/diseno\/?p=4192"},"modified":"2018-03-09T23:38:50","modified_gmt":"2018-03-09T23:38:50","slug":"diseno-web-en-campeche","status":"publish","type":"post","link":"https:\/\/disenoweb.mx\/blog\/diseno-web-en-campeche\/","title":{"rendered":"Dise\u00f1o web en Campeche"},"content":{"rendered":"\n

Dise\u00f1o web en Campeche<\/h1>\n
\"Dise\u00f1o
Dise\u00f1o web en Campeche<\/figcaption><\/figure>\n

\u00a0<\/p>\n

SEM\u00c1NTICA
\nDise\u00f1o web en Campeche<\/em><\/strong><\/a> 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 <video>, <audio> o <canvas>, y que adem\u00e1s a\u00f1aden nuevas funcionalidades a los documentos HTML Dise\u00f1o Web<\/em><\/strong><\/a>, 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 <div>. En este cap\u00edtulo, veremos como transformar nuestra estructura actual de marcado basada en <div>, a una estructura que utiliza las nuevas etiquetas estructurales como <nav>, <header>, <footer>, <aside>, o <article>.<\/p>\n

2.1\u00a0 dise\u00f1o web en Guadalajara<\/em><\/strong><\/a> CABECERA DEL DOCUMENTO 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.<\/p>\n

2.1.1 DOCTYPE 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 (\u201cDefinici\u00f3n del Tipo de Documento\u201d). 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. dise\u00f1o web en Zapopan<\/em><\/strong><\/a>
\n<!DOCTYPE html PUBLIC \u201c-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN\u201d \u201chttp:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd\u201d>
\n\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:
\n<!DOCTYPE html> 2.1.2 ELEMENTO RA\u00cdZ HTML En todo documento HTML, su elemento ra\u00edz o nodo superior siempre es la etiqueta <html>. Hasta ahora, este elemento ra\u00edz se defin\u00eda de la siguiente manera: dise\u00f1o web en Df<\/strong><\/em><\/a>
\n<html xmlns=http:\/\/www.w3.org\/1999\/xhtml lang=\u201den\u201d xml:lang=\u201den\u201d>
\nNo 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: Dise\u00f1o web en Campeche<\/em><\/strong><\/a>
\n<html lang=\u201des\u201d xml:lang=\u201den\u201d>
\nEn 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:
\n<html lang=\u201den\u201d> dise\u00f1o web en la ciudad de M\u00e9xico<\/em><\/strong><\/a><\/p>\n

Dise\u00f1o web en Campeche <\/strong><\/em><\/a><\/h2>\n

#DisenowebenCampeche<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Dise\u00f1o web en Campeche \u00a0 SEM\u00c1NTICA Dise\u00f1o web en Campeche 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 …<\/p>\n

Dise\u00f1o web en Campeche<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":4057,"comment_status":"open","ping_status":"open","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":[1189,1191,55],"tags":[841,840,838,839,837,328,327,836,68,835,834,832,833,46,1227,831,830,828,829],"class_list":["post-4192","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-web-2","category-diseno-web","tag-agencia-de-desarrollo-web-en-ciudad-de-mexico","tag-agencia-de-desarrollo-web-en-df","tag-agencia-de-desarrollo-web-en-guadalajara","tag-agencia-de-desarrollo-web-en-zapopan","tag-agencia-de-diseno-web-en-ciudad-de-mexico","tag-agencia-de-diseno-web-en-df","tag-agencia-de-diseno-web-en-guadalajara","tag-agencia-de-diseno-web-en-zapopan","tag-desarrollo-web","tag-desarrollo-web-en-ciudad-de-mexico","tag-desarrollo-web-en-df","tag-desarrollo-web-en-guadalajara","tag-desarrollo-web-en-zapopan","tag-diseno-web","tag-diseno-web-en-campeche","tag-diseno-web-en-ciudad-de-mexico","tag-diseno-web-en-df","tag-diseno-web-en-guadalajara","tag-diseno-web-en-zapopan"],"_links":{"self":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/4192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/comments?post=4192"}],"version-history":[{"count":0,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/4192\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media\/4057"}],"wp:attachment":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media?parent=4192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/categories?post=4192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/tags?post=4192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}