{"id":197,"date":"2009-01-22T02:10:11","date_gmt":"2009-01-22T04:10:11","guid":{"rendered":"https:\/\/www.kadunew.com\/blog\/?p=197"},"modified":"2013-11-26T10:25:17","modified_gmt":"2013-11-26T12:25:17","slug":"estrutura-minima-de-um-documento-xhtml","status":"publish","type":"post","link":"https:\/\/www.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml","title":{"rendered":"Estrutura m\u00ednima de um documento (X)HTML"},"content":{"rendered":"<p>Um documento (X)HTML para seguir em conformidade com os padr\u00f5es Web, tem uma marca\u00e7\u00e3o m\u00ednima que deve ser seguida. Essa estrutura \u00e9 dividida em tr\u00eas partes. Sempre que for come\u00e7ar um novo documento deve ter essa marca\u00e7\u00e3o.<\/p>\n<h3>As tr\u00eas partes da estrutura s\u00e3o:<\/h3>\n<p><\/p>\n<ul>\n<li>Defini\u00e7\u00e3o do tipo de documento (DOCTYPE ou DTD)<\/li>\n<li>Se\u00e7\u00e3o head<\/li>\n<li>Se\u00e7\u00e3o body<\/li>\n<\/ul>\n<p>\n<!--more Continuar lendo...--><\/p>\n<h4>DOCTYPE<\/h4>\n<p>\u00c9 a declara\u00e7\u00e3o do tipo de documento. Deve ser escrita na primeira linha do documento.  DOCTYPE nada mais \u00e9 que um endere\u00e7o que o navegador consulta para saber como renderizar sua marca\u00e7\u00e3o, caso essa declara\u00e7\u00e3o n\u00e3o for localizada, o navegador seguir\u00e1 suas regras padr\u00f5es. Como cada navegador tem suas regras, isso pode causar s\u00e9rios problemas de renderiza\u00e7\u00e3o, ou seja, sempre declare o DOCTYPE.<\/p>\n<h5>Tipos de DOCTYPE<\/h5>\n<p><strong>Strict:<\/strong> Documentos que usam essa declara\u00e7\u00e3o n\u00e3o podem conter nenhum elemento e nem atributo em desuso pelo <a href=\"http:\/\/www.w3.org\/\">W3C<\/a> e marca\u00e7\u00e3o de frames.<br \/>\n<strong>Transitional:<\/strong> Pode ter alementos a atributos em desuso, mas n\u00e3o marca\u00e7\u00e3o de frames<br \/>\n<strong>Frameset:<\/strong> Pode contem elementos de frames, e elementos e atributos em desuso pelo <a href=\"http:\/\/www.w3.org\/\">W3C<\/a>.<br \/>\nO melhor a se usar \u00e9 o strict, assim voc\u00ea est\u00e1 escrevendo marca\u00e7\u00e3o seguindo os padr\u00f5es web. Mas n\u00e3o esque\u00e7a: usando essa declara\u00e7\u00e3o n\u00e3o podemos usar elementos e atributos em desuso.<\/p>\n<h4>Se\u00e7\u00e3o head<\/h4>\n<p>Oferece informa\u00e7\u00f5es adicionais sobre o documento e nele \u00e9 onde fica o t\u00edtulo do documento, as metatags, links para arquivos CSS JavaScript relacionados com esse documento.<br \/>\nSe\u00e7\u00e3o body<br \/>\nOnde ficam os elementos destinados a marcar o conte\u00fado do documento.<\/p>\n<h3>Estrutura completa (X)HTML<\/h3>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd&quot;&gt;\r\n&lt; html&gt;\r\n&lt; head&gt;\r\n&lt; meta http-equiv=&quot;Content-Type&quot; content=&quot;text\/html; charset=utf-8&quot; \/&gt;\r\n&lt; title&gt;T\u00edtulo da p\u00e1gina&lt; \/title&gt;\r\n&lt; \/head&gt;\r\n&lt;body&gt;\r\nmarca\u00e7\u00e3o da p\u00e1gina\r\n&lt;\/body&gt;\r\n&lt; \/html&gt;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Um documento (X)HTML para seguir em conformidade com os padr\u00f5es Web, tem uma marca\u00e7\u00e3o m\u00ednima que deve ser seguida. Essa estrutura \u00e9 dividida em tr\u00eas partes. Sempre que for come\u00e7ar um novo documento deve ter essa marca\u00e7\u00e3o. As tr\u00eas partes da estrutura s\u00e3o: Defini\u00e7\u00e3o do tipo de documento (DOCTYPE ou DTD) Se\u00e7\u00e3o head Se\u00e7\u00e3o body<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[48],"class_list":["post-197","post","type-post","status-publish","format-standard","hentry","category-html","tag-xhtml"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Estrutura m\u00ednima de um documento (X)HTML<\/title>\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.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Estrutura m\u00ednima de um documento (X)HTML\" \/>\n<meta property=\"og:description\" content=\"Um documento (X)HTML para seguir em conformidade com os padr\u00f5es Web, tem uma marca\u00e7\u00e3o m\u00ednima que deve ser seguida. Essa estrutura \u00e9 dividida em tr\u00eas partes. Sempre que for come\u00e7ar um novo documento deve ter essa marca\u00e7\u00e3o. As tr\u00eas partes da estrutura s\u00e3o: Defini\u00e7\u00e3o do tipo de documento (DOCTYPE ou DTD) Se\u00e7\u00e3o head Se\u00e7\u00e3o body\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml\" \/>\n<meta property=\"og:site_name\" content=\"KADUNEW\" \/>\n<meta property=\"article:published_time\" content=\"2009-01-22T04:10:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-11-26T12:25:17+00:00\" \/>\n<meta name=\"author\" content=\"Kadu Oliveira\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kadu Oliveira\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml\",\"url\":\"https:\/\/www.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml\",\"name\":\"Estrutura m\u00ednima de um documento (X)HTML\",\"isPartOf\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\"},\"datePublished\":\"2009-01-22T04:10:11+00:00\",\"dateModified\":\"2013-11-26T12:25:17+00:00\",\"author\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.kadunew.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML\",\"item\":\"https:\/\/www.kadunew.com\/blog\/category\/html\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Estrutura m\u00ednima de um documento (X)HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\",\"url\":\"https:\/\/www.kadunew.com\/blog\/\",\"name\":\"KADUNEW\",\"description\":\"Artigos sobre Front-End e Programa\u00e7\u00e3o web\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\",\"name\":\"Kadu Oliveira\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"caption\":\"Kadu Oliveira\"},\"sameAs\":[\"https:\/\/www.kadunew.com\/blog\"],\"url\":\"https:\/\/www.kadunew.com\/blog\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Estrutura m\u00ednima de um documento (X)HTML","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.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml","og_locale":"pt_BR","og_type":"article","og_title":"Estrutura m\u00ednima de um documento (X)HTML","og_description":"Um documento (X)HTML para seguir em conformidade com os padr\u00f5es Web, tem uma marca\u00e7\u00e3o m\u00ednima que deve ser seguida. Essa estrutura \u00e9 dividida em tr\u00eas partes. Sempre que for come\u00e7ar um novo documento deve ter essa marca\u00e7\u00e3o. As tr\u00eas partes da estrutura s\u00e3o: Defini\u00e7\u00e3o do tipo de documento (DOCTYPE ou DTD) Se\u00e7\u00e3o head Se\u00e7\u00e3o body","og_url":"https:\/\/www.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml","og_site_name":"KADUNEW","article_published_time":"2009-01-22T04:10:11+00:00","article_modified_time":"2013-11-26T12:25:17+00:00","author":"Kadu Oliveira","twitter_misc":{"Escrito por":"Kadu Oliveira","Est. tempo de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml","url":"https:\/\/www.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml","name":"Estrutura m\u00ednima de um documento (X)HTML","isPartOf":{"@id":"https:\/\/www.kadunew.com\/blog\/#website"},"datePublished":"2009-01-22T04:10:11+00:00","dateModified":"2013-11-26T12:25:17+00:00","author":{"@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05"},"breadcrumb":{"@id":"https:\/\/www.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.kadunew.com\/blog\/html\/estrutura-minima-de-um-documento-xhtml#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.kadunew.com\/blog"},{"@type":"ListItem","position":2,"name":"HTML","item":"https:\/\/www.kadunew.com\/blog\/category\/html"},{"@type":"ListItem","position":3,"name":"Estrutura m\u00ednima de um documento (X)HTML"}]},{"@type":"WebSite","@id":"https:\/\/www.kadunew.com\/blog\/#website","url":"https:\/\/www.kadunew.com\/blog\/","name":"KADUNEW","description":"Artigos sobre Front-End e Programa\u00e7\u00e3o web","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05","name":"Kadu Oliveira","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","caption":"Kadu Oliveira"},"sameAs":["https:\/\/www.kadunew.com\/blog"],"url":"https:\/\/www.kadunew.com\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/197"}],"collection":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/comments?post=197"}],"version-history":[{"count":10,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/197\/revisions"}],"predecessor-version":[{"id":2734,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/197\/revisions\/2734"}],"wp:attachment":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/media?parent=197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/categories?post=197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/tags?post=197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}