{"id":3187,"date":"2016-03-28T13:51:02","date_gmt":"2016-03-28T13:51:02","guid":{"rendered":"https:\/\/www.blog.facilcloud.com\/noticias\/?p=3187"},"modified":"2016-07-26T15:45:29","modified_gmt":"2016-07-26T15:45:29","slug":"que-es-un-doctype","status":"publish","type":"post","link":"https:\/\/www.blog.facilcloud.com\/noticias\/que-es-un-doctype\/","title":{"rendered":"\u00bfQu\u00e9 es un Doctype?"},"content":{"rendered":"<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-3189 alignleft\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/DTP.jpg\" alt=\"DTP\" width=\"150\" height=\"150\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/DTP.jpg 150w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/DTP-80x80.jpg 80w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/p>\n<p style=\"text-align: justify;\">Bajo este nombre de denomina a la declaraci\u00f3n de tipo de documento o DOCTYPE (tomado del ingl\u00e9s Document Type Declaration); y es asociado a un documento SGML o XML particular. En la forma serializada de un documento, este se manifiesta como una cadena corta de caracteres de marcado, que se conforma con una sintaxis particular.<\/p>\n<p style=\"text-align: justify;\">La nube el\u00e1stica de <a href=\"https:\/\/www.facilcloud.com\" target=\"_blank\"><span style=\"color: #0000ff;\">Facilcloud<\/span> <\/a>permite trabajar con DOCTYPE <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/managed-cloud.php\" target=\"_blank\">HTML<\/a><\/span>, para asegurarte que tu p\u00e1gina web se vea correctamente en diferentes navegadores.<\/p>\n<p style=\"text-align: justify;\">A pesar de su nombre, una declaraci\u00f3n DTD no sirve para deducir el tipo de documento, aunque originalmente se supon\u00eda que as\u00ed lo fuera.<\/p>\n<p style=\"text-align: justify;\">El motor de visualizaci\u00f3n de HTML en los navegadores web modernos ejecutan el DOCTYPE, en donde este es servido como text\/html, determinado el modo de visualizaci\u00f3n, \u00abquirks mode\u00bb o \u00abstandards mode\u00bb.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/Que-es-Doctype.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-3190 alignright\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/Que-es-Doctype.jpg\" alt=\"Que es Doctype\" width=\"150\" height=\"150\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/Que-es-Doctype.jpg 150w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/Que-es-Doctype-80x80.jpg 80w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Una DTD es un documento SGML que incluye las reglas sint\u00e1cticas para un tipo de documento espec\u00edfico; los elementos que se permiten y sus atributos, as\u00ed como reglas que afectan a la anidaci\u00f3n de los primeros y a los valores de los segundos. En contraste, un documento con su DTD, permite comparar si este es v\u00e1lido o no.<\/p>\n<p style=\"text-align: justify;\">\u00bfQu\u00e9 es el DTD que se utiliza en el DOCTYPE? Este no es otra cosa que la definici\u00f3n del tipo de documento: por una parte, se dispone del DOCTYPE, que es la forma de declarar el tipo de documento, en el que se ha puesto la URL para acceder al DTD; y este, a su vez, es el fichero en el cual se define la estructura del tipo de documento. As\u00ed que, el DTD es d\u00f3nde se define la estructura que debe tener el documento y se utiliza el DocType para informar qu\u00e9 DTD se est\u00e1 usando.<\/p>\n<p style=\"text-align: justify;\">El DTD es muy habitual en los lenguajes de marcado; cualquiera puede crear uno, aunque cuando se trabaja con tecnolog\u00edas p\u00fablicas y muy extendidas, como es el caso del HTML, XHTML, XML, entre otros; existen agrupaciones que se dedican a definir los est\u00e1ndares de los lenguajes.<a href=\"https:\/\/www.facilcloud.com\/managed-cloud.php\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2332 size-full aligncenter\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/Banner-Facilcloud_728-x-90.jpg\" alt=\"\" width=\"728\" height=\"90\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/Banner-Facilcloud_728-x-90.jpg 728w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/Banner-Facilcloud_728-x-90-300x37.jpg 300w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/01\/Banner-Facilcloud_728-x-90-235x29.jpg 235w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><strong>En HTML<\/strong><\/p>\n<p style=\"text-align: justify;\">El DOCTYPE es la primera declaraci\u00f3n que va en una p\u00e1gina web y le dice al navegador qu\u00e9 especificaci\u00f3n de HTML o XHTML se est\u00e1 usando; y debe ser escrito en may\u00fasculas. Asimismo, HTML especifica 3 tipos de documentos: Strict, Transitional y Frameset.<\/p>\n<p style=\"text-align: justify;\">HTML Strict DTD, puedes usarlo cuando quieras un c\u00f3digo limpio, sin indicaciones de c\u00f3mo va a ser la presentaci\u00f3n del documento (para eso est\u00e1 el CSS). El c\u00f3digo que debe ir al inicio del documento HTML, si se est\u00e1 usando este DOCTYPE, es el siguiente:<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-3214 aligncenter\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/DTP-codigo.jpg\" alt=\"DTP codigo\" width=\"434\" height=\"133\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/DTP-codigo.jpg 434w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/DTP-codigo-300x92.jpg 300w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/DTP-codigo-235x72.jpg 235w\" sizes=\"(max-width: 434px) 100vw, 434px\" \/><\/p>\n<p style=\"text-align: justify;\">HTML Transitional DTD, este DOCTYPE admite atributos de presentaci\u00f3n, no es la mejor elecci\u00f3n, pero puede usarse. \u00danicamente, es \u00fatil cuando los lectores no tengan navegadores que soporten hojas de estilo (CSS), lo cual no es muy factible.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/Doctype-codigo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-3213 aligncenter\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/Doctype-codigo.jpg\" alt=\"Doctype codigo\" width=\"434\" height=\"133\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/Doctype-codigo.jpg 434w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/Doctype-codigo-300x92.jpg 300w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/Doctype-codigo-235x72.jpg 235w\" sizes=\"(max-width: 434px) 100vw, 434px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">HTML Frameset DTD, debe ser usado para crear documentos con framesets, el Frameset DTD es igual al Transitional DTD, excepto porque permite el uso del elemento frameset.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/codigo-DTP.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-3212 aligncenter\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/codigo-DTP.jpg\" alt=\"codigo DTP\" width=\"434\" height=\"133\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/codigo-DTP.jpg 434w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/codigo-DTP-300x92.jpg 300w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/codigo-DTP-235x72.jpg 235w\" sizes=\"(max-width: 434px) 100vw, 434px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><strong>Los \u201cproblemas\u201d del DOCTYPE<\/strong><\/p>\n<p style=\"text-align: justify;\">Aunque la teor\u00eda nos dice que, si creamos un documento HTML, utilizando un DOCTYPE, este se debe visualizar de manera correcta en todos los navegadores; no obstante, la realidad es muy distinta; del mismo modo que, al hacer un documento web, se debe incluir el DOCTYPE correcto, y escribir el c\u00f3digo respetando el DTD escogido; los navegadores web tienen que implementar la interpretaci\u00f3n tanto del DOCTYPE, como de los DTD. A pesar de esto, la realidad es que normalmente no es problema del navegador, sino que es un error de qui\u00e9n hace el documento, ya sea por desconocimiento, apuro, o cualquier otro error humano.<\/p>\n<p style=\"text-align: justify;\">Afortunadamente los navegadores modernos han avanzado de forma excepcional en este punto, por eso es muy importante tener siempre la \u00faltima versi\u00f3n del navegador que se use; y de no ser posible, lo mejor ser\u00eda cambiar a un navegador que permita utilizar su \u00faltima versi\u00f3n en el sistema operativo sobre el que se est\u00e9 trabajando.<\/p>\n<p style=\"text-align: justify;\">Otro de los problemas del DOCTYPE ha sido solucionado con HTML5, pues ha permitido dar mayor flexibilidad, llevando al desarrollo web a un nivel superior.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-01.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-75 aligncenter\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-01.jpg\" alt=\"Alida Vergara\" width=\"728\" height=\"90\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-01.jpg 728w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-01-300x37.jpg 300w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-01-235x29.jpg 235w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bajo este nombre de denomina a la declaraci\u00f3n de tipo de documento o DOCTYPE (tomado del ingl\u00e9s Document Type Declaration); y es asociado a un documento SGML o XML particular. En la forma serializada de un documento, este se manifiesta como una cadena corta de caracteres de marcado, que se conforma con una sintaxis particular. [&hellip;]<\/p>\n","protected":false},"author":123457,"featured_media":3203,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[285],"tags":[6,173,122,18,7,506],"class_list":["post-3187","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programadores","tag-elastic-cloud","tag-facilcloud","tag-html","tag-nube","tag-nube-elastica","tag-the-cloud"],"_links":{"self":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts\/3187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/users\/123457"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/comments?post=3187"}],"version-history":[{"count":0,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts\/3187\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/media\/3203"}],"wp:attachment":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/media?parent=3187"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/categories?post=3187"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/tags?post=3187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}