{"id":3936,"date":"2023-06-23T11:48:03","date_gmt":"2023-06-23T14:48:03","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=3936"},"modified":"2023-06-23T11:48:07","modified_gmt":"2023-06-23T14:48:07","slug":"doctype-html","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/","title":{"rendered":"Doctype HTML: tudo o que voc\u00ea precisa saber"},"content":{"rendered":"\n<p>Provavelmente, voc\u00ea j\u00e1 viu a declara\u00e7\u00e3o do Doctype HTML em diversos arquivos, como por exemplo: <strong>&lt;!DOCTYPE html&gt;<\/strong>. Mas voc\u00ea sabe o que isso significa?<\/p>\n\n\n\n<p>Neste artigo, voc\u00ea entender\u00e1 o que \u00e9 o Doctype HTML, para que serve e as diversas formas ao passar dos anos, conforme as vers\u00f5es do HTML.<\/p>\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#O_que_e_o_Doctype_HTML\" title=\"O que \u00e9 o Doctype HTML\">O que \u00e9 o Doctype HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#Como_declarar_o_Doctype_no_HTML\" title=\"Como declarar o Doctype no HTML\">Como declarar o Doctype no HTML<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#Declaracao_do_Doctype_no_HTML5\" title=\"Declara\u00e7\u00e3o do Doctype no HTML5\">Declara\u00e7\u00e3o do Doctype no HTML5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#Declaracoes_do_Doctype_no_HTML_401\" title=\"Declara\u00e7\u00f5es do Doctype no HTML 4.0.1\">Declara\u00e7\u00f5es do Doctype no HTML 4.0.1<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#Declaracoes_do_Doctype_no_XHTML\" title=\"Declara\u00e7\u00f5es do Doctype no XHTML\">Declara\u00e7\u00f5es do Doctype no XHTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#O_uso_do_Doctype_e_obrigatorio\" title=\"O uso do Doctype \u00e9 obrigat\u00f3rio?\">O uso do Doctype \u00e9 obrigat\u00f3rio?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#O_Doctype_para_clientes_de_e-mail\" title=\"O Doctype para clientes de e-mail\">O Doctype para clientes de e-mail<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#O_futuro_do_Doctype_HTML\" title=\"O futuro do Doctype HTML\">O futuro do Doctype HTML<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<p><a name=\"top01\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-o-que-e-o-doctype-html\"><span class=\"ez-toc-section\" id=\"O_que_e_o_Doctype_HTML\"><\/span>O que \u00e9 o Doctype HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Apesar da sintaxe parecida, o Doctype n\u00e3o \u00e9 uma <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/tags-html\/\" target=\"_blank\" rel=\"noopener noreferrer\">tag<\/a> do HTML. O Doctype HTML \u00e9 uma declara\u00e7\u00e3o para informar ao navegador qual \u00e9 a vers\u00e3o do HTML utilizada no arquivo. Essa declara\u00e7\u00e3o vem antes das <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/tags-html\/\" target=\"_blank\" rel=\"noopener noreferrer\">tags HTML,<\/a> portanto, geralmente \u00e9 apresentada na primeira linha de um c\u00f3digo.<\/p>\n\n\n\n<p>At\u00e9 a vers\u00e3o 4, o HTML era baseado no SGML. Portanto, a declara\u00e7\u00e3o do Doctype era feita atrav\u00e9s do modo DTD (Document Type Declaration). A partir da vers\u00e3o 5, o HTML deixou de ser baseado em SGML, e dessa forma, simplificou at\u00e9 mesmo a declara\u00e7\u00e3o do doctype. Perceba que no exemplo abaixo, aparentemente n\u00e3o \u00e9 declarado nenhuma vers\u00e3o. Na verdade, essa \u00e9 a forma de declara\u00e7\u00e3o do <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html5\/\">HTML5<\/a>, a mais nova vers\u00e3o do HTML:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;  \n&lt;html&gt;  \n   \/\/c\u00f3digo HTML\n&lt;\/html&gt;<\/pre>\n\n\n\n<p>Hoje em dia, todos os navegadores suportam a vers\u00e3o mais nova do HTML. Por\u00e9m, ainda existem documentos de <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/html-basico\/\" target=\"_blank\" rel=\"noopener noreferrer\">p\u00e1ginas baseadas em vers\u00f5es anteriores do HTML<\/a>. Vamos ent\u00e3o conhecer algumas delas atrav\u00e9s do doctype.<br><a name=\"top02\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-como-declarar-o-doctype-no-html\"><span class=\"ez-toc-section\" id=\"Como_declarar_o_Doctype_no_HTML\"><\/span>Como declarar o Doctype no HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Conforme explicado anteriormente, o doctype deve ser declarado anteriormente \u00e0s <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/tags-html\/\" target=\"_blank\" rel=\"noopener\">tags HTML<\/a>. Geralmente, esta declara\u00e7\u00e3o \u00e9 a primeira linha do c\u00f3digo. Ao longo das vers\u00f5es do HTML e do XHTML, o modo de se declarar o doctype foi sendo modificado. Anteriormente, essa declara\u00e7\u00e3o era feita com uma linha de c\u00f3digo bem extensa. Hoje em dia, com a vers\u00e3o 5, est\u00e1 bem simples, contendo apenas 2 &#8220;palavras&#8221;.<\/p>\n\n\n\n<p>A declara\u00e7\u00e3o do doctype \u00e9 <em>case insensitive<\/em>, ou seja, n\u00e3o difere letras mai\u00fasculas de min\u00fasculas. Portanto, pode ser usado como preferir. Vejamos os diversos exemplos abaixo, utilizando a declara\u00e7\u00e3o do novo formato:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE HTML&gt;\nou\n&lt;!DOCTYPE html&gt;\nou\n&lt;!doctype html&gt;\nou\n&lt;!doctype HTML&gt;\n...<\/pre>\n\n\n\n<p>Vejamos abaixo algumas das varia\u00e7\u00f5es dessa declara\u00e7\u00e3o em outras vers\u00f5es do HTML e do XHTML.<br><a name=\"top03\"><\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-declaracao-do-doctype-no-html5\"><span class=\"ez-toc-section\" id=\"Declaracao_do_Doctype_no_HTML5\"><\/span>Declara\u00e7\u00e3o do Doctype no HTML5<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>A&nbsp;partir da nova vers\u00e3o do HTML, o HTML5, a declara\u00e7\u00e3o do doctype passou a ser bem simplificada. Basta declarar como <strong>&lt;!DOCTYPE html&gt;<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;<\/pre>\n\n\n\n<p><a name=\"top04\"><\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-declaracoes-do-doctype-no-html-4-0-1\"><span class=\"ez-toc-section\" id=\"Declaracoes_do_Doctype_no_HTML_401\"><\/span>Declara\u00e7\u00f5es do Doctype no HTML 4.0.1<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Caso seja necess\u00e1rio <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/html-css\/\">utilizar uma vers\u00e3o mais antiga do HTML<\/a>, \u00e9 importante conhecer as declara\u00e7\u00f5es. Na vers\u00e3o 4.0.1 do HTML, existem tr\u00eas formas distintas de se declarar o doctype.<\/p>\n\n\n\n<p>No HTML 4.01, a declara\u00e7\u00e3o do doctype HTML refere-se a um DTD (Document Type Declaration), pois o mesmo foi baseado no SGML. O DTD especifica as regras para linguagens de marca\u00e7\u00f5es, de forma que os navegadores renderizem o conte\u00fado corretamente.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-html-4-01-strict\">HTML 4.01 Strict<\/h4>\n\n\n\n<p>Este DTD cont\u00e9m todos os elementos e atributos <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/o-que-e-html\/\">HTML<\/a>, mas <strong>n\u00e3o inclui<\/strong> elementos de apresenta\u00e7\u00e3o ou depreciados (como fonte). Tamb\u00e9m n\u00e3o \u00e9 permitido o uso de Framesets. Para essa forma, a declara\u00e7\u00e3o \u00e9 feita como no c\u00f3digo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\"&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-html-4-01-transitional\">HTML 4.01 Transitional<\/h4>\n\n\n\n<p>Esse DTD cont\u00e9m todos os <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/html-basico\/\" target=\"_blank\" rel=\"noopener\">elementos e atributos HTML,<\/a> <strong>incluindo<\/strong> elementos de apresenta\u00e7\u00e3o e reprovados (como fonte). Assim como nos Strict, Framesets n\u00e3o s\u00e3o permitidos. Para essa forma, a declara\u00e7\u00e3o \u00e9 feita como no c\u00f3digo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/loose.dtd\"&gt;<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-html-4-01-frameset\">HTML 4.01 Frameset<\/h4>\n\n\n\n<p>Este DTD possui todas as funcionalidades do HTML 4.01 Transitional, mas permite o uso de Framesets. Para essa forma, a declara\u00e7\u00e3o \u00e9 feita como no c\u00f3digo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01 Frameset\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/frameset.dtd\"&gt;<\/pre>\n\n\n\n<p><a name=\"top05\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-declaracoes-do-doctype-no-xhtml\"><span class=\"ez-toc-section\" id=\"Declaracoes_do_Doctype_no_XHTML\"><\/span>Declara\u00e7\u00f5es do Doctype no XHTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-xhtml-1-0-strict\">XHTML 1.0 Strict<\/h4>\n\n\n\n<p>Este DTD cont\u00e9m todos os elementos e atributos HTML, mas <strong>n\u00e3o inclui<\/strong> elementos de apresenta\u00e7\u00e3o ou depreciados (como fonte). O uso de Framesets tamb\u00e9m n\u00e3o \u00e9 permitido. A marca\u00e7\u00e3o tamb\u00e9m deve ser escrita como XML bem formado. Para essa forma, a declara\u00e7\u00e3o \u00e9 feita como no c\u00f3digo abaixo:<\/p>\n\n\n\n<div class=\"w3-code w3-border notranslate htmlHigh\">\n<pre class=\"lang:xhtml decode:true \">&lt;!DOCTYPE&nbsp;html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd\"&gt;<\/pre>\n<h4>XHTML 1.0 Transitional<\/h4>\n<\/div>\n\n\n\n<p>Esse DTD cont\u00e9m todos os elementos e atributos HTML, inclusive os elementos de apresenta\u00e7\u00e3o e depreciados (como fonte). Por\u00e9m, o uso de Framesets n\u00e3o \u00e9 permitido. A marca\u00e7\u00e3o tamb\u00e9m deve ser escrita como XML bem formado. Para essa forma, a declara\u00e7\u00e3o \u00e9 feita como no c\u00f3digo abaixo:<\/p>\n\n\n\n<div class=\"w3-code w3-border notranslate htmlHigh\">\n<pre class=\"lang:xhtml decode:true\">&lt;!DOCTYPE&nbsp;html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"&gt;<\/pre>\n<div class=\"w3-code w3-border notranslate htmlHigh\">\n<h4>XHTML 1.0 Frameset<\/h4>\n<\/div>\n<p>Este DTD \u00e9 igual ao XHTML 1.0 Transitional, por\u00e9m, este formato permite o uso de Frameset. Para essa forma, a declara\u00e7\u00e3o \u00e9 feita como no c\u00f3digo abaixo:<\/p>\n<pre class=\"lang:xhtml decode:true \">&lt;!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Frameset\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-frameset.dtd\"&gt;<\/pre>\n<h4>XHTML 1.1<\/h4>\n<\/div>\n\n\n\n<p>Esse DTD \u00e9 igual a XHTML 1.0 Strict, mas permite adicionar m\u00f3dulos. Para essa forma, a declara\u00e7\u00e3o \u00e9 feita como no c\u00f3digo abaixo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.1\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml11\/DTD\/xhtml11.dtd\"&gt;<\/pre>\n\n\n\n<p><a name=\"top06\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-o-uso-do-doctype-e-obrigatorio\"><span class=\"ez-toc-section\" id=\"O_uso_do_Doctype_e_obrigatorio\"><\/span>O uso do Doctype \u00e9 obrigat\u00f3rio?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Um documento HTML \u00e9 composto pelas tags do HTML. Desde o HTML5, o DTD n\u00e3o \u00e9 um requisito obrigat\u00f3rio. Por\u00e9m, a presen\u00e7a do DTD garante que o navegador se comportar\u00e1 adequadamente e de maneira precisa. Quando n\u00e3o informamos o Doctype HTML, o navegador utiliza um recurso chamado de <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Quirks_Mode_and_Standards_Mode\" target=\"_blank\" rel=\"noreferrer noopener\">quirks mode<\/a>, decidindo um padr\u00e3o a ser seguido. J\u00e1 quando \u00e9 feita a declara\u00e7\u00e3o, o navegador entra no modo standard. Dessa forma, o navegador seguir\u00e1 todos as especifica\u00e7\u00f5es do HTML e do CSS adequadamente.<\/p>\n\n\n\n<p>Al\u00e9m disso, a falta do Doctype HTML, assim como o modo quirks do navegador, pode gerar falhas de vulnerabilidade. A falta desta declara\u00e7\u00e3o, mesmo em navegadores mais novos, torna as p\u00e1ginas vulner\u00e1veis a ataques como o RPO (Relative path Overwrite), que atua na inje\u00e7\u00e3o em folhas de estilos.<\/p>\n\n\n\n<p>Portando, \u00e9 errado afirmar que o doctype n\u00e3o \u00e9 obrigat\u00f3rio, pois a pr\u00f3pria W3C orienta seu uso. O uso do Doctype HTML \u00e9 essencial para qualquer documento. Sendo assim, seu uso \u00e9 obrigat\u00f3rio perante as boas pr\u00e1ticas e tamb\u00e9m para garantir o perfeito funcionamento e a seguran\u00e7a do documento.<br><a name=\"top07\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-o-doctype-para-clientes-de-e-mail\"><span class=\"ez-toc-section\" id=\"O_Doctype_para_clientes_de_e-mail\"><\/span>O Doctype para clientes de e-mail<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O desenvolvimento para e-mail n\u00e3o evoluiu da mesma forma que o desenvolvimento para web. Portanto, ainda n\u00e3o existe um padr\u00e3o a ser seguido para o HTML em e-mails. Dessa forma, apesar de boa parte dos clientes de e-mail mais modernos e populares j\u00e1 terem como padr\u00e3o o HTML5, nem sempre \u00e9 uma boa escolha utiliz\u00e1-lo. Isso acontece pois alguns clientes de e-mail ainda possuem dificuldade de lidar com essa vers\u00e3o.<\/p>\n\n\n\n<p>Segundo <a href=\"https:\/\/www.campaignmonitor.com\/blog\/email-marketing\/2019\/05\/correct-doctype-to-use-in-html-email\/\" target=\"_blank\" rel=\"noopener noreferrer\">uma pesquisa da Campaign Monitor<\/a>, (publicada em 2010 e atualizada em maio de 2019), o m\u00e9todo mais adequado para e-mails \u00e9 utilizando a vers\u00e3o para o XHTML 1.0 Transitional, ou seja:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE&nbsp;html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"&gt;<\/pre>\n\n\n\n<p>Portanto, \u00e9 importante identificar seu objetivo ao enviar o e-mail, e conhecer bem os receptores do mesmo. Voc\u00ea pode ainda verificar qual vers\u00e3o do Doctype HTML o cliente de e-mail suporta atrav\u00e9s do <a href=\"https:\/\/emails.hteumeuleu.fr\/wp-content\/uploads\/2016\/10\/doctype-test-results.html\" target=\"_blank\" rel=\"noopener noreferrer\">teste de cliente de e-mail<\/a>.<br><a name=\"top08\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-o-futuro-do-doctype-html\"><span class=\"ez-toc-section\" id=\"O_futuro_do_Doctype_HTML\"><\/span>O futuro do Doctype HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Como voc\u00ea viu anteriormente, apesar de parecer um recurso simples, \u00e9 muito relevante compreender a import\u00e2ncia de declarar o Doctype HTML, evitando problemas no documento, assim como auxiliando na corre\u00e7\u00e3o de erros e mantendo-o mais seguro e moderno poss\u00edvel!<\/p>\n\n\n\n<p>Questionar sobre o futuro do doctype nas pr\u00f3ximas vers\u00f5es do HTML&nbsp;pode parecer uma inc\u00f3gnita, mas na verdade \u00e9 simples. O HTML5 deixou de ser baseado no SGML, portanto, o doctype deixou de ser uma DTD que informa a vers\u00e3o espec\u00edfica do HTML. Desde ent\u00e3o, o declara\u00e7\u00e3o do Doctype serve para informar ao navegador que o documento se encontra em HTML. Portanto, o navegador processa e manipula o documento para a vers\u00e3o mais atual do HTML.<\/p>\n\n\n\n<p>Dessa forma, todas as pr\u00f3ximas vers\u00f5es do HTML, como uma vers\u00e3o 6, 7, etc,&nbsp; manter\u00e3o a declara\u00e7\u00e3o da mesma forma que funcionam no HTML5: <strong>&lt;!DOCTYPE html&gt;<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Provavelmente, voc\u00ea j\u00e1 viu a declara\u00e7\u00e3o do Doctype HTML em diversos arquivos, como por exemplo: &lt;!DOCTYPE html&gt;. Mas voc\u00ea sabe o que isso significa? Neste artigo, voc\u00ea entender\u00e1 o que \u00e9 o Doctype HTML, para que serve e as diversas formas ao passar dos anos, conforme as vers\u00f5es do HTML. O que \u00e9 o Doctype [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":3945,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3,4,229,6],"tags":[2624,3384,2621,3306,241,2739],"class_list":["post-3936","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-criar-sites","category-desenvolvedores","category-outros","category-tutoriais","tag-css","tag-doctype","tag-html","tag-html5","tag-tutoriais","tag-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Doctype HTML: tudo o que voc\u00ea precisa saber | Homehost<\/title>\n<meta name=\"description\" content=\"Doctype HTML: Tudo o que voc\u00ea precisa saber sobre essa forma de declarar um documento HTML em suas vers\u00f5es e como utiliz\u00e1-la adequadamente!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Doctype HTML: tudo o que voc\u00ea precisa saber | Homehost\" \/>\n<meta property=\"og:description\" content=\"Doctype HTML: Tudo o que voc\u00ea precisa saber sobre essa forma de declarar um documento HTML em suas vers\u00f5es e como utiliz\u00e1-la adequadamente!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-23T14:48:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-23T14:48:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/doctype.png\" \/>\n\t<meta property=\"og:image:width\" content=\"561\" \/>\n\t<meta property=\"og:image:height\" content=\"220\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rafael Marques\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rafael Marques\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/\",\"name\":\"Doctype HTML: tudo o que voc\u00ea precisa saber | Homehost\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/doctype.png\",\"datePublished\":\"2023-06-23T14:48:03+00:00\",\"dateModified\":\"2023-06-23T14:48:07+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e\"},\"description\":\"Doctype HTML: Tudo o que voc\u00ea precisa saber sobre essa forma de declarar um documento HTML em suas vers\u00f5es e como utiliz\u00e1-la adequadamente!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/doctype.png\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/doctype.png\",\"width\":561,\"height\":220,\"caption\":\"Doctype HTML: Tudo que voc\u00ea precisa saber\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Doctype HTML: tudo o que voc\u00ea precisa saber\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e\",\"name\":\"Rafael Marques\",\"description\":\"Especialista em Desenvolvimento Web e Marketing. \u00c9 apaixonado por tecnologia, empreendedorismo, audiovisual e animais. Em sua carreira, dedica-se ao empreendedorismo, al\u00e9m de atuar como Desenvolvedor Fullstack e redator t\u00e9cnico. Gosta de usar seu tempo livre para assistir a filmes, jogar, escrever, e passar um bom tempo brincando e mimando seus animais de estima\u00e7\u00e3o. Contato: rafael.blog@homehost.com.br\",\"sameAs\":[\"https:\/\/www.instagram.com\/rafamarquesrmb\/\",\"https:\/\/www.linkedin.com\/in\/rafamarquesrmb\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Doctype HTML: tudo o que voc\u00ea precisa saber | Homehost","description":"Doctype HTML: Tudo o que voc\u00ea precisa saber sobre essa forma de declarar um documento HTML em suas vers\u00f5es e como utiliz\u00e1-la adequadamente!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/","og_locale":"pt_BR","og_type":"article","og_title":"Doctype HTML: tudo o que voc\u00ea precisa saber | Homehost","og_description":"Doctype HTML: Tudo o que voc\u00ea precisa saber sobre essa forma de declarar um documento HTML em suas vers\u00f5es e como utiliz\u00e1-la adequadamente!","og_url":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2023-06-23T14:48:03+00:00","article_modified_time":"2023-06-23T14:48:07+00:00","og_image":[{"width":561,"height":220,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/doctype.png","type":"image\/png"}],"author":"Rafael Marques","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Rafael Marques","Est. tempo de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/","url":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/","name":"Doctype HTML: tudo o que voc\u00ea precisa saber | Homehost","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/doctype.png","datePublished":"2023-06-23T14:48:03+00:00","dateModified":"2023-06-23T14:48:07+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e"},"description":"Doctype HTML: Tudo o que voc\u00ea precisa saber sobre essa forma de declarar um documento HTML em suas vers\u00f5es e como utiliz\u00e1-la adequadamente!","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/doctype.png","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/doctype.png","width":561,"height":220,"caption":"Doctype HTML: Tudo que voc\u00ea precisa saber"},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/doctype-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Doctype HTML: tudo o que voc\u00ea precisa saber"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e","name":"Rafael Marques","description":"Especialista em Desenvolvimento Web e Marketing. \u00c9 apaixonado por tecnologia, empreendedorismo, audiovisual e animais. Em sua carreira, dedica-se ao empreendedorismo, al\u00e9m de atuar como Desenvolvedor Fullstack e redator t\u00e9cnico. Gosta de usar seu tempo livre para assistir a filmes, jogar, escrever, e passar um bom tempo brincando e mimando seus animais de estima\u00e7\u00e3o. Contato: rafael.blog@homehost.com.br","sameAs":["https:\/\/www.instagram.com\/rafamarquesrmb\/","https:\/\/www.linkedin.com\/in\/rafamarquesrmb\/"]}]}},"modified_by":"Gustavo Gallas","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/08\/doctype.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/3936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=3936"}],"version-history":[{"count":15,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/3936\/revisions"}],"predecessor-version":[{"id":9232,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/3936\/revisions\/9232"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/3945"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=3936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=3936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=3936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}