Nos velhos tempos, quando os padrões HTML eram um alvo móvel, não importava se você finalizava a tag <p> corretamente ou mantinha suas regras de formatação separadas do código de estilo. Tags incompatíveis, atributos ausentes, elementos mal aninhados – a falta de padrões amplamente adotados resulta nesses e em outros erros, mas como a maioria dos navegadores possui inteligência integrada para evitar esses erros, a maioria dos desenvolvedores não terá conhecimento de sua existência. .
Embora o próprio navegador esteja tentando corrigir esses erros, isso não significa que você pode ignorar esses problemas. Para que suas páginas da web se comportem de forma consistente em todos os navegadores, seu HTML deve ser totalmente consistente com as regras e sintaxe definidas no padrão W3C. Existem muitas ferramentas para atender a esse requisito, tanto online quanto offline. eles: o muito legal HTML Tidy.
HTML Tidy é uma ferramenta gratuita de verificação de HTML projetada para verificar seu código HTML e apontar locais onde ele não está em total conformidade com os padrões publicados pelo W3C. pode fazer automaticamente as modificações necessárias para deixar o código em conformidade com os padrões relevantes.
Instalar
HTML Tidy é gratuito e pode ser executado em plataformas Windows, Macintosh e *NIX. Versões binárias estão disponíveis para uso imediato. Se você estiver executando uma plataforma *NIX, você pode preferir compilá-la e instalá-la a partir do código-fonte. fazer: Extraia os arquivos de origem para sua pasta temporária e execute um processo básico de compilação e instalação, como este:
shell> cd /tmp/tidy/build/gmake
concha> fazer
shell>fazer instalação
Quando este processo for concluído, você poderá encontrar uma versão binária compilada do Tidy na pasta /tmp/tidy/bin/tidy Copie este arquivo para a pasta do sistema /usr/local/bin / para que seja mais fácil de acessar. . Agora você está pronto para usar esta ferramenta.
Uso básico
Depois que a versão binária estiver instalada, você poderá começar a usá-la imediatamente para verificar o código HTML. A Listagem A mostra um exemplo simples:
Lista A:
shell> arrumado -e -q index.html
linha 1 coluna 1 - Aviso: declaração <!DOCTYPE> ausente
linha 2 coluna 1 - Aviso: inserindo elemento 'título' ausente
linha 4 coluna 1 - Aviso: atributo proprietário <body> leftmargin
linha 6 coluna 1 - Aviso: <tabela> altura do atributo proprietário
linha 6 coluna 1 - Aviso: <table> não possui atributo de resumo
linha 11 coluna 37 - Aviso: <img> não possui atributo alt
linha 15 coluna 1 - Aviso: <table> não possui atributo de resumo
linha 17 coluna 50 - Aviso: <img> não possui atributo alt
Neste exemplo, o Tidy encontrou oito possíveis erros no arquivo e imprimiu um aviso para cada erro. Observe que esses erros não são erros graves, mas apenas alertam que algumas partes do código não estão muito corretas.
Você pode corrigir automaticamente o arquivo original adicionando a opção -m (modificador) à linha de comando:
shell> arrumado -m -q index.html
Se precisar testar um site grande, você pode usar curingas na linha de comando para testar todos os arquivos em uma pasta (em vez de apenas um):
shell> arrumado -m -q *.html
Se você quiser que o Tidy ajude a gravar a página da web corrigida em um novo arquivo (em vez de substituir o original), use a opção -output com um novo nome de arquivo, como no exemplo a seguir:
shell> arrumado -output index.html.new -q index.html
Você pode enviar todos os erros para um arquivo de log separado para revisão posterior através da opção -e ("erro"):
shell> arrumado -f erro.log index.html
Observe também que se o seu código HTML contiver código PHP, ASP ou JSP incorporado, o Tidy irá simplesmente ignorá-los e deixá-los no lugar, o que significa que você pode até executar ferramentas do Tidy em scripts do lado do servidor, para verificar a parte do código HTML, este é um exemplo:
shell> arrumado -e -q processador.php
Você também pode executar a ferramenta Tidy de forma interativa, chamando apenas o arquivo do programa sem anexar nenhum argumento. Neste exemplo, o Tidy aguarda a entrada do console e verifica se há erros.
Lista B
concha> arrumado
<html>
linha 1 coluna 1 - Aviso: declaração <!DOCTYPE> ausente
<cabeça>
<title>Isto é um teste
</head>
linha 3 coluna 1 - Aviso: faltando </title> antes de </head>
<body leftmargin=0>
<p>
Este é um parágrafo mal terminado
</body>
</html>
linha 5 coluna 1 - Aviso: atributo proprietário <body> leftmargin
Informação: o conteúdo do documento parece HTML proprietário
3 avisos, 0 erros foram encontrados!
Observe que, além de fornecer avisos de erro em tempo real, o Tidy também pode imprimir a versão correta do código no final da entrada:
<html>
<cabeça>
<nome meta=conteúdo do gerador=
HTML Tidy para Linux/x86 (versão 1 de setembro de 2005), consulte www.w3.org>
<title>Isto é um teste</title>
</head>
<body leftmargin=0>
<p>Este é um parágrafo mal finalizado</p>
</body>
</html>
Aplicativos avançados
Você também pode controlar como o Tidy modifica um arquivo. Isso pode ser feito passando parâmetros específicos na linha de comando. Por exemplo, para que o Tidy reindente o código corretamente, você pode adicionar a opção -i ("indent"):
shell> arrumado -output new.html -i index.html
Para substituir <font> e outros elementos de formatação relacionados às regras de estilo CSS, você pode usar a opção -c ("clear"):
shell> arrumado -output new.html -c index.html
Por padrão, o Tidy usa letras minúsculas para todas as tags e atributos em arquivos HTML. Se quiser usar letras maiúsculas, você pode adicionar a opção -u ("letras maiúsculas"), conforme mostrado no exemplo a seguir:
shell> arrumado -output new.html -c -u index.html
Para quebrar o texto em uma largura de linha específica, você pode adicionar a opção -w ("quebra de linha") com a largura de linha especificada, conforme mostrado no exemplo a seguir:
shell> arrumado -output new.html -w 40 index.html
Você pode converter um documento HTML em um documento XHTML bem formado adicionando a opção -asxhtml:
shell> arrumado -output new.html -asxhtml index.html
A operação inversa é possível através da opção -ashtml:
shell> arrumado -output new.html -ashtml index.html
Se você precisar fazer ajustes extensos nas opções padrão do Tidy, é melhor colocar essas opções em um arquivo de configuração separado que você possa consultar sempre que chamar o programa. A Listagem C mostra um exemplo de arquivo de configuração:
Lista C:
bare: sim # remove HTML proprietário
doctype: auto # define o tipo de documento
drop-empty-paras: sim # exclui automaticamente tags <p> vazias
fix-barra invertida: sim # substitua por / em URLs
atributos literais: sim # retém espaços em branco nos valores dos atributos
literais inferiores: sim # converte valores de atributos para letras minúsculas
output-xhtml: sim # produz uma saída XHTML válida
quote-e comercial: sim # substitua & por &
aspas: sim # substitua por
atributos repetidos: keep-last # usa o último dos atributos duplicados
recuo: sim # recua automaticamente o código
indent-spaces: 2 # número de espaços para recuar
wrap-php: não há # texto envolvente contido em tags PHP
codificação de caracteres: codificação de caracteres ascii # a ser usada
tidy-mark: não # omite meta informações do Tidy no código corrigido
Ao organizar um arquivo, você pode dizer ao Tidy para usar essas configurações adicionando a opção -config à linha de comando:
shell> arrumado -output a.html -configconfig.tidy index.html
Você pode obter uma lista de opções de configuração com a opção -help-config:
shell> tidy -help-config...quote-ampersand Booleano s/n,
sim/não, t/f, verdadeiro/falso, 1/0 aspas Booleano s/n,
sim/não, t/f, verdadeiro/falso, 1/0quote-nbsp Booleano s/n,
sim/não, t/f, verdadeiro/falso, 1/0repeated-attributesenum keep-first,
keep-lastreplace-color Booleano s/n, sim/não,
t/f, verdadeiro/falso, 1/0show-body-only Booleano s/n,
sim/não, v/f, verdadeiro/falso, 1/0...
Ou use a opção -show-config para visualizar um instantâneo das definições de configuração atuais:
shell> arrumado -show-config...show-body-only
Erros booleanos noshow Inteiro
6show-warnings Estilo booleano yesslide
Stringsplit Booleano não...
Finalmente, você pode usar a opção -h para obter ajuda na linha de comando:
concha> arrumado -h
Por enquanto, esperamos que você considere o Tidy uma ferramenta extremamente valiosa para ajudar seu site a se tornar totalmente compatível com os padrões de publicação do W3C. Os pontos neste guia lhe darão uma ideia de como controlar a ferramenta HTML Tidy. seu código e também ajudá-lo a usar essa ferramenta com mais eficiência.