{"id":7285,"date":"2019-04-29T10:34:33","date_gmt":"2019-04-29T15:34:33","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=7285"},"modified":"2019-04-29T10:34:33","modified_gmt":"2019-04-29T15:34:33","slug":"diseno-de-sitios-web-guadalajara","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/diseno-de-sitios-web-guadalajara\/","title":{"rendered":"Dise\u00f1o de sitios web Guadalajara"},"content":{"rendered":"

Dise\u00f1o de sitios web Guadalajara<\/h1>\n
\"Dise\u00f1o
Dise\u00f1o de sitios web guadalajara<\/strong><\/em><\/figcaption><\/figure>\n

 <\/p>\n

 <\/p>\n

Dise\u00f1o web\u00a0\u00bfQU\u00c9 ES HTML5?<\/strong><\/em><\/h3>\n

Dise\u00f1o de sitios web Guadalajara<\/strong><\/em>: HTML5 (HyperText Markup Language, versi\u00f3n 5) es la quinta revisi\u00f3n del lenguaje HTML. Esta nueva versi\u00f3n (a\u00fan en desarrollo), y en conjunto con CSS3, define los nuevos est\u00e1ndares de desarrollo web, redise\u00f1ando el c\u00f3digo para resolver problemas y actualiz\u00e1ndolo as\u00ed a nuevas necesidades. No se limita solo a crear nuevas etiquetas o atributos, sino que incorpora muchas caracter\u00edsticas nuevas y proporciona una plataforma de desarrollo de complejas aplicaciones web (mediante los APIs).
\nHTML5 est\u00e1 destinado a sustituir no s\u00f3lo HTML 4, sino tambi\u00e9n XHTML 1 y DOM Nivel 2. Esta versi\u00f3n nos permite una mayor interacci\u00f3n entre nuestras p\u00e1ginas web y el contenido media (video, audio, entre otros) as\u00ed como una mayor facilidad a la hora de codificar nuestro dise\u00f1o b\u00e1sico.
\nAlgunas de las nuevas caracter\u00edsticas de HTML5 ser\u00edan:
\nNuevas etiquetas sem\u00e1nticas para estructurar los documentos HTML, destinadas a remplazar la necesidad de tener una etiqueta <div> que identifique cada bloque de la p\u00e1gina.<\/p>\n

Los nuevos elementos multimedia como <audio> y <video>.<\/p>\n

La integraci\u00f3n de gr\u00e1ficos vectoriales escalables (SVG) en sustituci\u00f3n de los gen\u00e9ricos <object>, y un nuevo elemento <canvas> que nos permite dibujar en \u00e9l.<\/p>\n

El cambio, redefinici\u00f3n o estandarizaci\u00f3n de algunos elementos, como <a>, <cite> o <menu>.<\/p>\n

MathML para f\u00f3rmulas matem\u00e1ticas.<\/p>\n

Almacenamiento local en el lado del cliente.<\/p>\n

Y otros muchos nuevos APIs que veremos a lo largo de los siguientes cap\u00edtulos.<\/p>\n

SEM\u00c1NTICA<\/h3>\n

Dise\u00f1o de sitios web Guadalajara<\/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:<\/p>\n

Etiquetas que extienden a las actuales, como <video>, <audio> o <canvas>, y que adem\u00e1s a\u00f1aden nuevas funcionalidades a los documentos HTML, que podemos controlar desde JavaScript<\/p>\n

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>.<\/p>\n

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

CABECERA DEL DOCUMENTO<\/h3>\n

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

DOCTYPE<\/h3>\n

Dise\u00f1o de sitios web Guadalajara<\/strong><\/em>: 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 (“Definici\u00f3n del Tipo de Documento”). 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

<!DOCTYPE html PUBLIC “-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN” “http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd”><\/p>\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:<\/p>\n

<!DOCTYPE html><\/p>\n

ELEMENTO RA\u00cdZ HTML<\/h3>\n

Dise\u00f1o de sitios web Guadalajara<\/strong><\/em>: 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:
\n<html xmlns=http:\/\/www.w3.org\/1999\/xhtml lang=”en” xml:lang=”en”><\/p>\n

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.<\/p>\n

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

<html lang=”es” xml:lang=”en”><\/p>\n

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

<html lang=”en”><\/p>\n

 <\/p>\n

#Dise\u00f1o de sitios web Guadalajara<\/strong><\/em> #Desarrollo de sitios web # Agencia de Dise\u00f1o web Guadalajara # Dise\u00f1o web<\/p>\n

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

Dise\u00f1o de sitios web Guadalajara     Dise\u00f1o web\u00a0\u00bfQU\u00c9 ES HTML5? Dise\u00f1o de sitios web Guadalajara: HTML5 (HyperText Markup Language, versi\u00f3n 5) es la quinta revisi\u00f3n del lenguaje HTML. Esta nueva versi\u00f3n (a\u00fan en desarrollo), y en conjunto con CSS3, define los nuevos est\u00e1ndares de desarrollo web, redise\u00f1ando el c\u00f3digo para resolver problemas y actualiz\u00e1ndolo …<\/p>\n

Dise\u00f1o de sitios web Guadalajara<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":7286,"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],"tags":[330,572,1138,46],"class_list":["post-7285","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-agencia-de-diseno-web-guadalajara","tag-desarrollo-de-sitios-web","tag-diseno-de-sitios-web-guadalajara","tag-diseno-web"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7285","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=7285"}],"version-history":[{"count":1,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7285\/revisions"}],"predecessor-version":[{"id":7287,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7285\/revisions\/7287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/7286"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=7285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=7285"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=7285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}