![\"dise\u00f1o](\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/dise\u00f1o-de-pagina-web-mazatlan-480x198.jpg.webp\" "\\"dise\u00f1o")
<\/p>\n
SEM\u00c1NTICA<\/h2>\n
Dise\u00f1o de p\u00e1gina web Mazatl\u00e1n<\/strong><\/em>:\u00a0<\/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 <video>, <audio> o <canvas>, 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 <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 Cuando se piensa en “texto”, probablemente nos venga a la cabeza una definici\u00f3n de “caracteres y s\u00edmbolos que veo en la pantalla de mi ordenador”. Pero realmente se tratan de bits y bytes. Cada cadena de caracteres que se muestra en la pantalla, se almacena con una codificaci\u00f3n de caracteres en particular. Hay cientos de codificaciones de caracteres diferentes, algunos optimizado para ciertos idiomas como el ruso, el chino o ingl\u00e9s, y otros que se pueden utilizar para m\u00faltiples idiomas. En t\u00e9rminos generales, la codificaci\u00f3n de caracteres proporciona una correspondencia entre lo que se muestra en la pantalla y lo que un equipo realmente almacena en la memoria y en el disco. <\/p>\nCODIFICACI\u00d3N DEL CONTENIDO<\/h3>\n
\nSe puede pensar en la codificaci\u00f3n de caracteres como una especie de clave de descifrado del texto. Cuando accedemos a una secuencia de bytes, y decidimos que es “texto”, lo que necesitamos saber es qu\u00e9 codificaci\u00f3n de caracteres se utiliza para que pueda decodificar los bytes en caracteres y mostrarlos (o transformarlos) de manera correcta.( Dise\u00f1o de p\u00e1gina web Mazatl\u00e1n\u00a0<\/strong><\/em>)
\nLo ideal es establecer esta codificaci\u00f3n en el servidor, indicando el tipo en las cabeceras de respuesta:
\nContent-Type: text\/html; charset=”utf-8″
\nPor desgracia, no siempre podemos tener el control sobre la configuraci\u00f3n de un servidor HTTP. Por ejemplo, en la plataforma Blogger, el contenido es proporcionado por personas, pero los servidores son administrados por Google, por lo que estamos supeditados a su configuraci\u00f3n. A\u00fan as\u00ed, HTML 4 proporciona una manera de especificar la codificaci\u00f3n de caracteres en el documento HTML:
\n<meta http-equiv=”Content-Type” content=”text\/html; charset=UTF-8″>
\nEl encabezado HTTP es el m\u00e9todo principal, y anula la etiqueta <meta> si est\u00e1 presente. Pero no todo el mundo puede establecer encabezados HTTP, por lo que la etiqueta <meta> todav\u00eda tiene sentido. En el caso de HTML5, es a\u00fan m\u00e1s sencillo definir esta etiqueta meta:
\n<meta charset=”utf-8″>
\nDebemos acostumbrarnos a especificar la codificaci\u00f3n de nuestros documentos, aunque no vayamos a utilizar caracteres especiales o nuestro documentos no se presente en otros idiomas. Si no lo hacemos, podemos exponernos a problemas de seguridad.\u00a0( Dise\u00f1o de p\u00e1gina web Mazatl\u00e1n\u00a0<\/strong><\/em>)<\/p>\n
![\"\"](\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-web-html5-guadalajara-400x320.jpg.webp\")
<\/p>\n![\"marketingweb\"](\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/marketingweb.png.webp\")
<\/p>\n","protected":false},"excerpt":{"rendered":"