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.