De acordo com as Leis 12.965/2014 e 13.709/2018, que regulam o uso da Internet e o tratamento de dados pessoais no Brasil, ao me inscrever na newsletter do portal DICAS-L, autorizo o envio de notificações por e-mail ou outros meios e declaro estar ciente e concordar com seus Termos de Uso e Política de Privacidade.


Tidy - Ferramenta de ajuda para desenvolvimento em HTML

Colaboração: Pedro Zorzenon Neto

Data de Publicação: 03 de Junho de 2004

O software "Tidy" é um filtro que procura corrigir erros em códigos HTML. É muito útil para pessoas que editam seus códigos html "na mão" e com isso, existem grandes chances de ocorrerem erros. Também é útil para quem usa outras ferramentas que geram o código html, para checar se o mesmo está correto.

O tidy corrige automaticamente alguns problemas simples, como tags que você abriu e esqueceu de fechar, e outros problemas que não podem ser corrigidos automaticamente ele apenas avisa o que você deve fazer.

A forma de uso mais frequente que faço é redirecionando o stdout do comando para um arquivo, desta forma: 

  cat meu-arquivo.html | tidy > meu-arquivo-novo.html

Assim, tenho o arquivo "corrigido" em meu-arquivo-novo.html e posso ver os erros que fiz na tela (stderr).

Exemplo simples (e com muitos erros): 

  meu-arquivo.html

   <html>
   <title>Teste
   <body>
   <p>Isto é um teste
   <p>Isto também
   <img src="teste.jpg">
   </body>

depois de passar pelo tidy, ele avisa: 

   HTML Tidy for Linux/x86 (vers 1st March 2002; built on Mar  8 2002,
   at 11:02:47)
   Parsing console input (stdin)
   line 3 column 2 - Warning: missing </title> before <body>
   line 6 column 2 - Warning: <img> lacks "alt" attribute
   stdin: Doctype given is "-//IETF//DTD HTML 2.0//EN"
   stdin: Document content looks like HTML 2.0
   2 warnings, 0 errors were found!

e devolve o código meu-arquivo-novo.html 

   <!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
   <html>
    <head>
     <title>Teste</title>
    </head>
    <body>
     <p>Isto é um teste</p>
     <p>Isto também <img src="teste.jpg"></p>
    </body>
   </html>

ele analisou o código, inseriu o DOCTYPE correto no inicio, colocou a tag <head> que eu tinha esquecido, fechou as tags <p>, fechou a tag <html>, etc... o único Warning que ele não corrigiu foi o: 

line 6 column 2 - Warning: <img> lacks "alt" attribute

que me indica que a tag <img> está faltando o atributo "alt" que não é um erro, mas é muito recomendado que todo img tenha um alt. O que tem dentro do "alt" ele não pode adivinhar sozinho, então temos que trocar a linha: 

<p>Isto também <img src="teste.jpg"></p>

por esta: 

 <p>Isto também <img src="teste.jpg" alt="imagem teste"></p>

Temos assim, um html correto ao final deste passo. Para tirar as dúvidas, passamos o tidy novamente e vemos o resultado: 

    HTML Tidy for Linux/x86 (vers 1st March 2002; built on Mar  8 2002, at
    11:02:47)
    Parsing console input (stdin)
    stdin: Doctype given is "-//IETF//DTD HTML 2.0//EN"
    stdin: Document content looks like HTML 2.0
    No warnings or errors were found.

Outra vantagem é que agora temos um html correto, e é muito mais provável que ele abra sem problemas nos mais diversos navegadores.

Algumas páginas úteis para quem desenvolve em html:

Nova publicação é apresentada durante o V Fórum Internacional do Software Livre

Rafael Rigues, Editor <<rigues (a) revistacopyleft com br>>

Está nascendo a Copyleft - A Revista do Software Livre. Uma publicação sobre software livre e seus sabores, cores, telas, códigos, máquinas, cabos e dispositivos, levando para o leitor informações corretas e necessárias de forma independente, inovadora em suas idéias, seus conceitos e sua forma de ser. Uma revista objetiva e que sai da mesmice da maioria das revistas de informática existentes, onde todos os livres têm voz, sejam de quaisquer etnias computacionais, sem preconceito ou discriminação, mas nunca mudando nosso foco, essa idéia revolucionária que é o software livre.

Moderna, ágil, contundente e preocupada, acima de tudo, com a comunidade de software livre, seus usuários e seus leitores, a revista acredita que a tecnologia, a política e os negócios caminham juntos somando forças para mudar a realidade que hoje nos é apresentada. O nome não é somente uma brincadeira. Publicada sob uma licença Creative Commons, a revista permite o livre uso de seus textos e idéias, seguindo a filosofia do software livre. Copie-a, modifique-a, distribua-a, passe-a para seus amigos.

A edição zero, uma pequena amostra com 16 páginas do que vêm por aí, será distribuída gratuitamente aos participantes do 5o. Fórum internacional do Software Livre, a ser realizado em Porto Alegre, RS, entre os dias 02 a 05 de Junho de 2004. Em breve as edições regulares estarão disponíveis mensalmente nas bancas de todo o Brasil.

Sinceramente, esperamos que gostem do que preparamos para vocês.



Veja a relação completa dos artigos de Pedro Zorzenon Neto