{"id":7983,"date":"2017-09-12T18:56:28","date_gmt":"2017-09-12T18:56:28","guid":{"rendered":"http:\/\/disenoweb.mx\/?p=3572"},"modified":"2017-09-12T18:56:28","modified_gmt":"2017-09-12T18:56:28","slug":"etiqueta-head","status":"publish","type":"post","link":"https:\/\/disenoweb.mx\/blog\/etiqueta-head\/","title":{"rendered":"Etiqueta Head\u00a0"},"content":{"rendered":"\n<h1>Etiqueta Head<\/h1>\n<p>\u00a0<\/p>\n<p><img data-opt-id=1948908095  fetchpriority=\"high\" decoding=\"async\" class=\"size-medium wp-image-1150\" src=\"https:\/\/mlniuewdmffl.i.optimole.com\/w:300\/h:300\/q:mauto\/f:best\/http:\/\/disenoweb.mx\/wp-content\/uploads\/postthumb-1-300x300.png\" alt=\"Etiqueta Head\u00a0 Etiqueta Head\u00a0 Etiqueta Head\u00a0 postthumb 1 300x300\" width=\"300\" height=\"300\" title=\"postthumb-1-300x300 postthumb-1-300x300\"><\/p>\n<div class=\"page\" title=\"Page 9\">\n<div class=\"section\">\n<div class=\"section\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<h4><strong><em>\u00a0ELEMENTO HEAD<\/em><\/strong><\/h4>\n<p>El primer hijo del elemento rai\u0301z es generalmente el<a href=\"http:\/\/disenoweb.mx\/\">\u00a0<strong><em>Etiqueta Head<\/em><\/strong><\/a>. El elemento head contiene los metadatos que aportan informacio\u0301n extra sobre la pa\u0301gina, como su ti\u0301tulo, descripcio\u0301n, autor, etc. Adema\u0301s, puede incluir referencias externas a contenidos necesarios para que el documento se muestre y comporte de manera correcta (como hojas de estilos o scripts). Este elemento ha sufrido pequen\u0303as variaciones, pero que debemos tener en cuenta en un\u00a0<strong><em>Etiqueta Head<\/em><\/strong>:<\/p>\n<\/div>\n<\/div>\n<div class=\"section\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<pre>&lt;html xmlns=http:\/\/www.w3.org\/1999\/xhtml\n   lang=\"en\"\n<\/pre>\n<pre>   xml:lang=\"en\"&gt;\n<\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"section\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<pre>&lt;!DOCTYPE html&gt;\n<\/pre>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"section\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<pre>&lt;head&gt;\n    &lt;meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\" \/&gt;\n    &lt;title&gt;My Weblog&lt;\/title&gt;\n    &lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"style-original.css\" \/&gt;\n    &lt;link rel=\"alternate\" type=\"application\/atom+xml\"\n<\/pre>\n<pre>                          title=\"My Weblog feed\"\n<\/pre>\n<pre>href=\"\/feed\/\" \/&gt;\n    &lt;link rel=\"search\" type=\"application\/opensearchdescription+xml\"<\/pre>\n<div class=\"page\" title=\"Page 10\">\n<div class=\"section\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<pre>                          title=\"My Weblog search\"\n<\/pre>\n<pre>                          href=\"opensearch.xml\"  \/&gt;\n    &lt;link rel=\"shortcut icon\" href=\"\/favicon.ico\" \/&gt;\n<\/pre>\n<p>&lt;\/head&gt;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h4 class=\"layoutArea\"><\/h4>\n<\/div>\n<div class=\"page\" title=\"Page 10\">\n<h4 class=\"layoutArea\">\u00a0CODIFICACIO\u0301N DEL CONTENIDO<\/h4>\n<div class=\"section\">\n<div class=\"section\">\n<div class=\"layoutArea\">\n<div class=\"column\">\n<p>Cuando se piensa en<em>\u00a0crear paginas web<\/em>\u00a0y \u201ctexto\u201d, probablemente nos venga a la cabeza una definicio\u0301n de \u201ccaracteres y si\u0301mbolos que veo en la pantalla de mi ordenador\u201d. Pero realmente se tratan de bits y bytes. Cada cadena de caracteres que se muestra en la pantalla, se almacena con una codificacio\u0301n de caracteres en particular. Hay cientos de codificaciones de caracteres diferentes, algunos optimizado para ciertos idiomas como el ruso, el chino o ingle\u0301s, y otros que se pueden utilizar para mu\u0301ltiples idiomas. En te\u0301rminos generales, la codificacio\u0301n 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>\n<p>Se puede pensar en la codificacio\u0301n de caracteres como una especie de clave de descifrado del texto. Cuando accedemos a una secuencia de bytes, y decidimos que es \u201ctexto\u201d, lo que necesitamos saber es que\u0301 codificacio\u0301n de caracteres se utiliza para que pueda decodificar los bytes en caracteres y mostrarlos (o transformarlos) de manera correcta en el\u00a0<em>sitio web<\/em>.<\/p>\n<p>Lo ideal es establecer esta codificacio\u0301n en el servidor, indicando el tipo en las cabeceras de respuesta:<\/p>\n<pre> Content-Type: text\/html; charset=\"utf-8\"\n<\/pre>\n<p>Por desgracia, no siempre podemos tener el control sobre la configuracio\u0301n 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 configuracio\u0301n. Au\u0301n asi\u0301, HTML 4 proporciona una manera de especificar la codificacio\u0301n de caracteres en el documento HTML:<\/p>\n<pre> &lt;meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\"&gt;\n<\/pre>\n<p>El encabezado HTTP es el me\u0301todo principal, y anula la etiqueta &lt;meta&gt; si esta\u0301 presente. Pero no todo el mundo puede establecer encabezados HTTP, por lo que la etiqueta<\/p>\n<p>&lt;meta&gt; todavi\u0301a tiene sentido. En el caso de\u00a0<strong><em>Etiqueta Head<\/em><\/strong>, es au\u0301n ma\u0301s sencillo definir esta etiqueta meta:<\/p>\n<pre> &lt;meta charset=\"utf-8\"&gt;\n<\/pre>\n<p>Debemos acostumbrarnos a especificar la codificacio\u0301n 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.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><strong><em>Etiqueta Head<\/em><\/strong><\/p>\n<p><a href=\"https:\/\/www.facebook.com\/disenopaginaweb\">#EtiquetaHead<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Etiqueta Head \u00a0 \u00a0ELEMENTO HEAD El primer hijo del elemento rai\u0301z es generalmente el\u00a0Etiqueta Head. El elemento head contiene los metadatos que aportan informacio\u0301n extra sobre la pa\u0301gina, como su ti\u0301tulo, descripcio\u0301n, autor, etc. Adema\u0301s, puede incluir referencias externas a contenidos necesarios para que el documento se muestre y comporte de manera correcta (como hojas &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/disenoweb.mx\/blog\/etiqueta-head\/\"> <span class=\"screen-reader-text\">Etiqueta Head\u00a0<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":890,"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,55],"tags":[64,717,48,1200,128],"class_list":["post-7983","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-web","tag-como-hacer-una-pagina-web","tag-crear-pagina-web","tag-diseno-de-pagina-web","tag-etiqueta-head","tag-sitio-web"],"_links":{"self":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/7983","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=7983"}],"version-history":[{"count":0,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/7983\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media?parent=7983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/categories?post=7983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/tags?post=7983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}