{"id":2560,"date":"2022-05-10T09:53:45","date_gmt":"2022-05-10T14:53:45","guid":{"rendered":"https:\/\/talently.tech\/blog\/?p=2560"},"modified":"2022-06-01T10:28:48","modified_gmt":"2022-06-01T15:28:48","slug":"doctype-html","status":"publish","type":"post","link":"https:\/\/talently.tech\/blog\/doctype-html\/","title":{"rendered":"Doctype HTML: \u00bfpara qu\u00e9 sirve?"},"content":{"rendered":"<p>Hoy aprenderemos todo sobre el Doctype html, una herramienta muy importante cuando estamos desarrollando c\u00f3digo a trav\u00e9s de HTML. Conocer este tipo de informaci\u00f3n es clave, sobre todo porque puede cambiar totalmente el enfoque de lo que sea que estemos desarrollando. Por ende, aprender <strong>para qu\u00e9 sirve Doctype HTML<\/strong> es fundamental.<\/p>\n<p>No cometas errores de tener que hacer trabajo doble por no conocer esta herramienta. Prep\u00e1rate en tu asiento, y comencemos la clase de hoy.<\/p>\n<h2><strong>\u00bfQu\u00e9 es Doctype en HTML?\u00a0<\/strong><\/h2>\n<p>Tambi\u00e9n se le conoce como <strong>\u201cDeclaraci\u00f3n del tipo de documento\u201d<\/strong>, y esto se debe a que Doctype es una instrucci\u00f3n especial que se usa en HTML para poder indicar al navegador que estemos usando, qu\u00e9 tipo de versi\u00f3n de HTML estamos usando.<\/p>\n<p>Esto muy importante de entender y recordar, ya que un tipo de Doctype de una versi\u00f3n diferente de HTML, puede cambiar totalmente como el navegador lo representa en pantalla. Por esto, puedes no visualizar el resultado deseado.<\/p>\n<p>Esto se debe a que, el Doctype no es capaz de reconocer valores o par\u00e1metros de c\u00f3digo de una versi\u00f3n diferente a la instalada. Por lo que no es capaz de representar nuestras indicaciones.<\/p>\n<p>Siempre <strong>es importante escribir correctamente el tipo de versi\u00f3n HTML<\/strong> a utilizar al comienzo del texto, as\u00ed, evitaremos cualquier tipo de error que nos cause que hagamos todo desde el comienzo.<\/p>\n<h2><strong>\u00bfPara qu\u00e9 sirve Doctype en HTML?\u00a0<\/strong><\/h2>\n<p>Fundamentalmente, un Doctype <strong>nos ayuda a determinar en qu\u00e9 versi\u00f3n de HTML vamos a trabajar<\/strong>. Brindando a nuestro navegador los datos necesarios para poder procesar la informaci\u00f3n que vayamos a desarrollar.<\/p>\n<p>En versiones anteriores de HTML5, los Doctype eran realmente bastante dif\u00edciles de recordar. Ya que, hab\u00eda que brindar a nuestro navegador todo tipo de datos, como el nivel del elemento, si este era p\u00fablico o privado, el idioma, tipo de organizaci\u00f3n que determinaba a y vez la versi\u00f3n con su respectivo link.<\/p>\n<p>Ahora, en HTML5, todo esto no ser\u00e1 necesario, ya que no trabaja con el mismo sistema SGML con la cual si cuentan sus versiones anteriores.<\/p>\n<h2><strong>\u00bfC\u00f3mo se pone el Doctype en HTML?\u00a0<\/strong><\/h2>\n<p>Como ya mencionamos anteriormente, sin esta etiqueta, el navegador no podr\u00e1 procesar la informaci\u00f3n o los datos que estamos desarrollando, ya que no reconoce el tipo de documento. As\u00ed, te dejamos un ejemplo de etiqueta HTML y el significado de cada parte:<\/p>\n<p><strong>&lt;!DOCTYPE HTML PUBLIC &#8220;-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN&#8221; &#8220;http:\/\/www.w3.org\/TR\/html4\/loose.dtd&#8221;&gt;<\/strong><\/p>\n<p>As\u00ed es como se redactar\u00eda una etiqueta de HTML en versiones anteriores a la 5. Se traduce en lo siguiente:<\/p>\n<ul>\n<li><strong>DOCTYPE HTML PUBLIC<\/strong>: \u201cDoctype\u201d es la etiqueta del documento, mientras que \u201cHTML Public\u201d indica el tipo de documento y si este es p\u00fablico (es decir, que puede subirse a la red) o de tipo privado. Llev\u00e1ndolo a una traducci\u00f3n sem\u00e1ntica, significar\u00eda: \u201cDocumento de tipo HTML y de car\u00e1cter p\u00fablico\u201d.<\/li>\n<li><strong>-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN<\/strong>: \u201cW3C\u201d indica espec\u00edficamente el tipo de documento, cuyas siglas quieren decir \u201cWorld Wide Web Consortium\u201d. Este consorcio permite el desarrollo de protocolos comunes que permite operatividad en internet.<\/li>\n<li><strong>\u201cDTD\u201d:<\/strong>\u00a0son las siglas correspondientes a \u201cDocument Type Definition\u201d, que es la indicaci\u00f3n del tipo de documento W3C. \u201cHTML 4.01 Transitional\u201d, nos indica, pues, la versi\u00f3n en la cual vamos a trabajar de HTML, en este caso la \u201c4.01\u201d de car\u00e1cter transicional. Y por \u00faltimo \u201cEN\u201d indica el idioma en el que estar\u00e1 escrito el c\u00f3digo HTML, en este caso, ingl\u00e9s.<\/li>\n<li><strong>http:\/\/www.w3.org\/TR\/html4\/loose.dtd<\/strong>: se trata de un link especial denominado URI, que permite al navegador poder ingresar al DTD del c\u00f3digo HTML. De esta forma, el usuario de internet que quiera acceder a esta informaci\u00f3n, podr\u00e1 descargar los datos si as\u00ed lo requiere.<\/li>\n<\/ul>\n<h2><strong>\u00bfQu\u00e9 tipo de DOCTYPE es correcto para HTML5?<\/strong><\/h2>\n<p>En HTML5, todo lo que mencionamos en el punto anterior con respecto a la estructuraci\u00f3n del c\u00f3digo etiqueta, no ser\u00e1 necesario. Ya que se ha simplificado para simplemente obtener lo siguiente:<\/p>\n<p><strong>&lt;!DOCTYPE html&gt;<\/strong><\/p>\n<p>Con simplemente indicar a nuestro navegador esto el doctype html y para qu\u00e9 sirve quedar\u00e1n mucho m\u00e1s claros para nuestro sistema.<\/p>\n<p>Recuerda que <strong>no siempre existir\u00e1n navegadores compatibles con HTML5<\/strong>, debido a que existe una gran comunidad de personas que a\u00fan utilizan versiones anteriores. Por lo que te debes adaptar correctamente al tipo de etiqueta seg\u00fan donde quieras que tenga efecto la visualizaci\u00f3n del c\u00f3digo.<\/p>\n<h2><strong>\u00bfTe gustar\u00eda encontrar un trabajo remoto como programador en otro pa\u00eds?\u00a0<\/strong><\/h2>\n<p>Si eres un desarrollador interesado en el lenguaje HTML o en cualquier otro, ten presente que tu carrera, hoy en d\u00eda, <strong>no tienes l\u00edmites de crecimiento<\/strong>. Todo lo que tenga que ver con desarrollo y <a href=\"https:\/\/talently.tech\/blog\/categoria\/lenguajes-de-programacion\/\">lenguajes de programaci\u00f3n<\/a> se encuentra en auge, ya lo debes saber, pero para ser exitoso necesitas tener una mentalidad de aprendizaje y estar constantemente en actualizaci\u00f3n.<\/p>\n<p>\u00bfAlguna vez so\u00f1aste en trabajar para una empresa TOP de desarrollo de software en Latinoam\u00e9rica o Estados Unidos? Es momento de que nos permitas llegar a tu vida y transformarla para ser un potencial programador de categor\u00eda mundial.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoy aprenderemos todo sobre el Doctype html, una herramienta muy importante cuando estamos desarrollando c\u00f3digo a trav\u00e9s de HTML. Conocer este tipo de informaci\u00f3n es clave, sobre todo porque puede cambiar totalmente el enfoque de lo que sea que estemos desarrollando. Por ende, aprender para qu\u00e9 sirve Doctype HTML es fundamental. No cometas errores de [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2618,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-2560","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-habilidades-tecnicas"],"acf":[],"_links":{"self":[{"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/posts\/2560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/comments?post=2560"}],"version-history":[{"count":0,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/posts\/2560\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/media\/2618"}],"wp:attachment":[{"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/media?parent=2560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/categories?post=2560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/talently.tech\/blog\/wp-json\/wp\/v2\/tags?post=2560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}