{"id":7208,"date":"2019-04-04T15:47:20","date_gmt":"2019-04-04T21:47:20","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=7208"},"modified":"2019-04-04T15:47:20","modified_gmt":"2019-04-04T21:47:20","slug":"diseno-web-morelia-2","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/diseno-web-morelia-2\/","title":{"rendered":"Dise\u00f1o web Morelia"},"content":{"rendered":"<h1>Dise\u00f1o web Morelia<\/h1>\n<figure id=\"attachment_7209\" aria-describedby=\"caption-attachment-7209\" style=\"width: 480px\" class=\"wp-caption alignnone\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-7209 size-medium\" title=\"Dise\u00f1o web Morelia\" src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/Diseno-web-Morelia-480x297.png.webp\" alt=\"Dise\u00f1o web Morelia\" width=\"480\" height=\"297\" srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/Diseno-web-Morelia-480x297.png.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/Diseno-web-Morelia.png.webp 562w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><figcaption id=\"caption-attachment-7209\" class=\"wp-caption-text\"><em><strong>Dise\u00f1o web Morelia<\/strong><\/em><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h2>\u00bfQU\u00c9 ES HTML5?<\/h2>\n<p><em><strong>Dise\u00f1o web Morelia<\/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).<br \/>\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.<br \/>\nAlgunas de las nuevas caracter\u00edsticas de HTML5 ser\u00edan:<br \/>\nNuevas etiquetas sem\u00e1nticas para estructurar los documentos HTML, destinadas a remplazar la necesidad de tener una etiqueta &lt;div&gt; que identifique cada bloque de la p\u00e1gina. Los nuevos elementos multimedia como &lt;audio&gt; y &lt;video&gt;. La integraci\u00f3n de gr\u00e1ficos vectoriales escalables (SVG) en sustituci\u00f3n de los gen\u00e9ricos &lt;object&gt;, y un nuevo elemento &lt;canvas&gt; que nos permite dibujar en \u00e9l. El cambio, redefinici\u00f3n o estandarizaci\u00f3n de algunos elementos, como &lt;a&gt;, &lt;cite&gt; o &lt;menu&gt;. MathML para f\u00f3rmulas matem\u00e1ticas. Almacenamiento local en el lado del cliente. Y otros muchos nuevos APIs que veremos a lo largo de los siguientes cap\u00edtulos.<\/p>\n<p>&nbsp;<\/p>\n<h2>NO HAY QUE TIRAR NADA A LA BASURA<\/h2>\n<p>Se puede amar, o se puede odiar, pero no se puede negar que HTML 4 es el formato de marcado m\u00e1s exitoso de la historia. HTML5 se basa en ese \u00e9xito. No es necesario volver a aprender cosas que ya se conocen. Si la aplicaci\u00f3n web que funcionaba ayer en HTML 4, hoy funcionar\u00e1 en HTML5.<br \/>\nAhora, si lo que se desea es mejorar las aplicaciones web, este es el lugar correcto. He aqu\u00ed un ejemplo concreto: HTML5 soporta todos los controles de formulario de HTML 4, pero tambi\u00e9n incluye nuevos controles de entrada. Algunos de estos son funcionalidades esperadas durante mucho tiempo, como reguladores y selectores de fecha, mientras que otros son m\u00e1s sutiles. Por ejemplo, el tipo de entrada de correo electr\u00f3nico se parece a un cuadro de texto, pero los navegadores m\u00f3viles personalizar su teclado en pantalla para que sea m\u00e1s f\u00e1cil de escribir direcciones de correo electr\u00f3nico. Los navegadores m\u00e1s antiguos que no son compatibles con el tipo de entrada de correo electr\u00f3nico ser\u00e1 tratado como un campo de texto normal, y el formulario sigue funcionando sin ning\u00fan cambio en las etiquetas o hacks de JavaScript.<\/p>\n<p>&nbsp;<\/p>\n<h3>Sem\u00e1ntica<\/h3>\n<p>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;. (\u00a0<em><strong>Dise\u00f1o web Morelia<\/strong><\/em> )<\/p>\n<p>&nbsp;<\/p>\n<p>#<em><strong>Dise\u00f1o web Morelia<\/strong><\/em> #Agencia de\u00a0Dise\u00f1o web Morelia #hospedaje web\u00a0 #desarrollo web\u00a0 #sitios web\u00a0 #dise\u00f1o de paginas web #paginas web #crear pagina web #dise\u00f1o de pagina #dise\u00f1o gr\u00e1fico\u00a0 #desarrollo web\u00a0 #dise\u00f1o web<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/disenoweb.mx\/diseno-web.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone size-full wp-image-7053 lazyload\" data-src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/marketingweb.png.webp\" alt=\"marketingweb\" width=\"223\" height=\"45\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 223px; --smush-placeholder-aspect-ratio: 223\/45;\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o web Morelia &nbsp; \u00bfQU\u00c9 ES HTML5? Dise\u00f1o web Morelia: 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 &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/marketingweb.com.mx\/blog\/diseno-web-morelia-2\/\"> <span class=\"screen-reader-text\">Dise\u00f1o web Morelia<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":7209,"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":[1168,717,68,71,310,1135,715,713],"class_list":["post-7208","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-agencia-de-diseno-web-morelia","tag-crear-pagina-web","tag-desarrollo-web","tag-diseno-de-paginas-web","tag-diseno-web-morelia","tag-hospedaje-web","tag-paginas-web","tag-sitios-web"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7208","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=7208"}],"version-history":[{"count":0,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7208\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/7209"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=7208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=7208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=7208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}