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
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 before
line 6 column 2 - Warning: ![]()
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
Teste
Isto é um teste
Isto também 
ele analisou o código, inseriu o DOCTYPE correto no inicio, colocou a
tag que eu tinha esquecido, fechou as tags , fechou a tag
, etc... o único Warning que ele não corrigiu foi o:
line 6 column 2 - Warning: ![]()
lacks "alt" attribute
que me indica que a tag ![]()
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:
Isto também
por esta:
Isto também
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:
- Tidy Webpage: http://tidy.sourceforge.net
- Getting started with HTML: http://www.w3.org/MarkUp/Guide/
- Index of HTML elements: http://www.w3.org/TR/html4/index/elements.html
- Validador HTML: http://validator.w3.org/
- Validador CSS: http://jigsaw.w3.org/css-validator/
-----------------------------------------------------------
Nova publicação é apresentada durante o V Fórum Internacional do Software Livre
===============================================================================
Rafael Rigues, Editor
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.
--------------------------------------------------------------------
As mensagens da lista Dicas-L são veiculadas diariamente
para 24951 assinantes.
Todas as mensagens da Dicas-L ficam armazenadas em
http://www.Dicas-l.com.br.
A redistribuição desta e outras mensagens da lista Dicas-L pode
ser feita livremente, deste que o conteúdo, inclusive esta nota,
não sejam modificados.
---------------------------------------------------------------
******************************************************************
De: Dicas-L-Owner@unicamp.br
Assunto: [Dicas-L] Espacejamento de texto em páginas HTML
Data: Wed, 30 Jun 2004 02:53:30 -0300
--------------------------------------------------------------------
Comente esta dica em http://www.Dicas-l.com.br/dicas-l/20040630.php
--------------------------------------------------------------------
Treinamento PostgreSQL: Introdução ao Banco de Dados
*** 10% de desconto para assinantes da Dicas-L ***
Dextra Sistemas - 05 e 06 de julho
http://www.dextra.com.br/servicos/treinamento/pg/pgintro.htm
-------------------------------------------------------------------------
Espacejamento de texto em páginas HTML
======================================
Existe um recurso interessante, que permite que façamos o espacejamento
entre as letras de um texto.
No exemplo abaixo, para um item de cabeçalho, H1, nós especificamos
que as letras devem ficar distantes umas das outras em cinco pontos:
DICAS DE LINUX
Este estilo pode ser aplicado às tags H1 até H6. O espacejamento entre
as letras também pode ser alterado como for conveniente.
--------------------------------------------------------------------
As mensagens da lista Dicas-L são veiculadas diariamente
para 25142 assinantes.
Todas as mensagens da Dicas-L ficam armazenadas em
http://www.Dicas-l.com.br.
A redistribuição desta e outras mensagens da lista Dicas-L pode
ser feita livremente, deste que o conteúdo, inclusive esta nota,
não sejam modificados.
---------------------------------------------------------------
******************************************************************
De: Manoel Pinho
Para: Fabio Guerrazzi
Cc: linux-br@bazar2.conectiva.com.br
Assunto: Re: (linux-br)index.html diferentes para linux e windows
Data: Thu, 30 Sep 2004 10:14:06 -0300
Fabio Guerrazzi escreveu:
Estou procurando como fazer para que a página index do site seja específica para o SO ou browser. Vi isto no site do Itau (indexLinux.htm, indexIE.htm, indexNE6.htm). Caso esta dúvida seja off topic peço desculpas, mas não tenho a quem mais perguntar.
> Fábio.
>
Eles geralmente usam algum javascript que detecta o browser e/ou sistema
operacional e redirecionam para a página específica.
Veja, p.exe., este script
http://www.quirksmode.org/js/detect.html
******************************************************************
De: Kharl Kierth
Para: Benedito Junior , linux-br@bazar2.conectiva.com.br
Assunto: Re: (linux-br)Paginas WEB
Data: Tue, 7 Feb 2006 16:35:55 -0200
NVU ----- http://www.nvu.com/
ele é similar ai Dreamweaver da macromedia
Em 07/02/06, Benedito Junior escreveu:
> Alguem aqui sabe algum programa para desenvolvimento de
> paginas web?
******************************************************************
De: Elisabete Coelho
Para: Benedito Junior
Cc: linux-br@bazar2.conectiva.com.br
Assunto: Re: (linux-br)Paginas WEB
Data: Tue, 7 Feb 2006 16:03:31 -0300
Oi Benedito,
É disto que você precisa?
http://bluefish.openoffice.nl/index.html
Abraços,
--
Elisabete Thomé Coelho.
( o_
/ /\ Penguin Powered
V_/_ .o0 LINUX RULEZ 0o.
******************************************************************
De: Ednei Pacheco
Para: Benedito Junior
Cc: linux-br@bazar2.conectiva.com.br
Assunto: Re: (linux-br)Paginas WEB
Data: Tue, 07 Feb 2006 21:14:59 -0200
Benedito Junior wrote:
> Alguem aqui sabe algum programa para desenvolvimento de
> paginas web?
Editores visuais: Mozilla Composer, NVU, Amaya...
Editores de código: Bluefish, Quanta, Screem...
Particularmente prefiro editores de código: terás mais trabalho e maior
perda de tempo para desenvolver páginas, porém ficará com um código
limpo, leve e fácil de ser mantido.
Att., Ednei Pacheco,
http://www.linuxhome.eti.br/
******************************************************************
******************************************************************