{"id":8,"date":"2004-11-16T08:55:56","date_gmt":"2004-11-16T11:55:56","guid":{"rendered":"\/?p=8"},"modified":"2010-03-27T13:37:43","modified_gmt":"2010-03-27T16:37:43","slug":"html-sgml-e-w3c","status":"publish","type":"post","link":"https:\/\/marcogomes.com\/blog\/2004\/html-sgml-e-w3c\/","title":{"rendered":"HTML, SGML e W3C"},"content":{"rendered":"<p>O objetivo deste texto n\u00e3o \u00e9 ser uma verdade absoluta, tampouco pretendo abordar todos os m\u00ednimos detalhes do tema a ser discutido, pois, provavelmente poderia ser escrita toda uma cole\u00e7\u00e3o de livros e ainda assim n\u00e3o abordaria-se todas as min\u00facias de um tema t\u00e3o complexo.<\/p>\n<p>Observa\u00e7\u00e3o: Eu posso estar errado.<\/p>\n<p><acronym title=\"Hypertext Markup Language\">HTML<\/acronym> quer dizer <dfn title=\"Linguagem para marca\u00e7\u00e3o de hipertexrtos na web, podendo inserir-se liga\u00e7\u00f5es \u00e0 outros textos, imagens, sons, anima\u00e7\u00f5es e uma s\u00e9rie de outros recursos audiovisuais (multim\u00eddia)\">Hypertext Markup Language<\/dfn> &#8211; Linguagem de Marca\u00e7\u00e3o de Hipertextos &#8211; e \u00e9 baseada na <acronym title=\"Standard Generalized Markup Language\">SGML<\/acronym> (Standard Generalized Markup Language &#8211; Linguagem de Marca\u00e7\u00e3o de Generalizada Padr\u00e3o) que \u00e9 a base para a cria\u00e7\u00e3o de todas as linguagens de marca\u00e7\u00e3o. Elas s&atilde;o documentadas pelo <a href=\"http:\/\/www.w3c.org\"><acronym title=\"World Wide Web Consortium\">W3C<\/acronym><\/a> (World Wide Web Consortium) que \u00e9 o \u00f3rg\u00e3o que regulamenta os padr\u00f5es da web, o <a href=\"http:\/\/www.w3c.org\"><acronym title=\"World Wide Web Consortium\">W3C<\/acronym><\/a>, por sua vez, foi criado por Tim Berners Lee (tio Bern), o criador da t\u00e3o conhecida <acronym title=\"World Wide Web\">WWW<\/acronym>.<\/p>\n<p>O mais importante \u00e9 que voc\u00ea entenda que <acronym title=\"Hypertext Markup Language\">HTML<\/acronym> <strong>n\u00e3o \u00e9 <dfn title=\"Linguagens em que voc\u00ea ordena ao computador que execute uma sequ\u00eancia de comandos l\u00f3gicos\">linguagem de programa\u00e7\u00e3o<\/dfn><\/strong>, \u00e9 <strong><dfn title=\"Linguagens em que voc\u00ea ordena ao computador que renderize um certo texto de uma certa maneira especial\">linguagem de marca\u00e7\u00e3o<\/dfn><\/strong>, ou seja, se voc\u00ea aprende <acronym title=\"Hypertext Markup Language\">HTML<\/acronym> isso <strong>n\u00e3o faz de voc\u00ea um programador<\/strong>, mas sim um marcador, que <em>t\u00edtulozinho<\/em> mais <em>fubanga<\/em> n\u00e9? Mas \u00e9 verdade, sinto muito.<\/p>\n<p>A diferen\u00e7a b\u00e1sica \u00e9 que num programa voc\u00ea entra com dados esses dados s\u00e3o processados e devolvidos a de alguma outra forma. Como numa calculadora, voc\u00ea entra com os n\u00fameros e a opera\u00e7\u00e3o a ser executada, o programa calcula e devolve o resultado. J\u00e1 um texto marcado voc\u00ea simplesmente v\u00ea um texto com uma formata\u00e7\u00e3o especial e com algumas funcionalidades da linguagem de marca\u00e7\u00e3o em quest\u00e3o, como <em>hiperlinks<\/em>, figuras, anima\u00e7\u00f5es, bot\u00f5es <abbr title=\"etcetera\">etc<\/abbr>.<\/p>\n<p>Quer que eu simplifique mais? Simples, numa linguagem de marca\u00e7\u00e3o, voc\u00ea n\u00e3o pode dizer &quot;some 2+2 e exiba o resultado na tela&quot;, mas voc\u00ea pode dizer &quot;exiba &lsquo;MarcoGomes.com&rsquo; em negrito, maior que o texto normal e com um hiperlink para http:\/\/www.marcogomes.com&quot;. Entendeu?<\/p>\n<p>Sintetizando: Na marca\u00e7\u00e3o, voc\u00ea marca, na programa\u00e7\u00e3o voc\u00ea executa uma sequ\u00eancia de comandos l\u00f3gicos.<\/p>\n<p>Exemplos de marca\u00e7\u00e3o <acronym title=\"Hypertext Markup Language\">HTML<\/acronym>: <code>&lt;strong&gt;<\/code>Este texto aparecer\u00e1 com \u00eanfase (normalmente negrito)<code>&lt;\/strong&gt;<\/code>, <code>&lt;h1&gt;<\/code>Oi, eu sou um t\u00edtulo grande e destacado<code>&lt;\/h1&gt;<\/code>, <code>&lt;h2&gt;<\/code>Eu sou um t\u00edtulo menos importante que o h1, mas ainda assim, mais importante que o h3.<code>&lt;\/h2&gt;<\/code>.<\/p>\n<p>O problema, \u00e9 que com o tempo, os &quot;sobrinhos que fazem p\u00e1gina&quot; (inclusive eu) come\u00e7aram a usar as tags <acronym title=\"Hypertext Markup Language\">HTML<\/acronym> de maneira diferente do seu prop\u00f3sito inicial, o erro mais comum era usar as tabelas para dividir o conte\u00fado do site, a tag de divis\u00e3o de conte\u00fado \u00e9 <code>&lt;div&gt;<\/code> e n\u00e3o <code>&lt;table&gt;<\/code>. \u00c9 como se voc\u00ea usasse um carro como peso de papel, \u00e9 poss\u00edvel, mas \u00e9 muito mais inteligente usar para isso uma pedra, uma pequena est\u00e1tua ou seu <acronym title=\"Compact Disc - Read Only Memory\">CD-ROM<\/acronym> do Windows.<\/p>\n<p>A web n\u00e3o foi projetada exclusivamente para <acronym title=\"Personal Computer\">PC<\/acronym>&#8216;s, mas sim para ser acess&iacute;vel de qualquer meio que tivesse acesso \u00e0 internet, como <acronym title=\"Personal Digital Assistant\">PDA<\/acronym>&#8216;s, celulares, leitores de tela, browsers em braile, geladeiras, programas que vasculham a rede em busca de informa\u00e7\u00f5es espec\u00edficas (rob\u00f4s como o do <a href=\"http:\/\/www.google.com.br\">Google<\/a>) e v\u00e1rios outros que ainda podem surgir.<\/p>\n<p>Houve um momento que os documentos <acronym title=\"Hypertext Markup Language\">HTML<\/acronym> estavam ficando t\u00e3o complexos e inintelig\u00edveis que o s\u00f3 podiam ser acessados por <acronym title=\"Personal Computer\">PC<\/acronym>&#8216;s e a maioria das p\u00e1ginas apenas com o Microsoft Internet <strong>Exploder<\/strong>. O <a href=\"http:\/\/www.w3c.org\"><acronym title=\"World Wide Web Consortium\">W3C<\/acronym><\/a> teve que intervir e em 1999 lan\u00e7ou o <acronym title=\"Hypertext Markup Language\">HTML<\/acronym> 4 em que recomendava a separa\u00e7\u00e3o de conte\u00fado &#8211; que deveria ser feita com um arquivo <acronym title=\"Hypertext Markup Language\">HTML<\/acronym> &#8211; e formata\u00e7\u00e3o &#8211; que deveria ser feita com um arquivo <acronym title=\"Cascating Style Sheets\">CSS<\/acronym>. Tamb\u00e9m come\u00e7ou a chamar aten\u00e7\u00e3o dos desenvolvedores para a import\u00e2ncia de ter suas p\u00e1ginas em <acronym title=\"Hypertext Markup Language\">HTML<\/acronym> v\u00e1lido e com alto n\u00edvel de acessibilidade.<\/p>\n<p>Com isso, surgiu o movimento tableless, mas isso \u00e9 assunto para um outro post.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O objetivo deste texto n\u00e3o \u00e9 ser uma verdade absoluta, tampouco pretendo abordar todos os m\u00ednimos detalhes do tema a<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,35,47],"tags":[84,101,89,94,104,18,103,43],"class_list":["post-8","post","type-post","status-publish","format-standard","hentry","category-article","category-development","category-technology","tag-eco","tag-erro","tag-google","tag-internet","tag-lei","tag-link","tag-web","tag-xhtml"],"_links":{"self":[{"href":"https:\/\/marcogomes.com\/blog\/wp-json\/wp\/v2\/posts\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marcogomes.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marcogomes.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marcogomes.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marcogomes.com\/blog\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":1,"href":"https:\/\/marcogomes.com\/blog\/wp-json\/wp\/v2\/posts\/8\/revisions"}],"predecessor-version":[{"id":1270,"href":"https:\/\/marcogomes.com\/blog\/wp-json\/wp\/v2\/posts\/8\/revisions\/1270"}],"wp:attachment":[{"href":"https:\/\/marcogomes.com\/blog\/wp-json\/wp\/v2\/media?parent=8"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marcogomes.com\/blog\/wp-json\/wp\/v2\/categories?post=8"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marcogomes.com\/blog\/wp-json\/wp\/v2\/tags?post=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}