Como limpar o seu código Web
Se você está mão-de codificação seu site ou trabalhar com um editor / WYSIWYG código, você deve sempre fazer uma prática de verificar a hierárquica fim, sintaxe e ortografia do seu HTML, CSS, javascript, jQuery, e outro código de programação. Mesmo quando você usa os melhores programas disponíveis, em algum momento o seu código poderia incluir erros porque você é humano.
Não importa quão cuidadosamente você construir um site, o HTML em suas páginas, provavelmente, inadvertidamente, tornar-se confuso com etiquetas redundantes, marcação desnecessária e código outright prejudiciais que podem impactar negativamente a apresentação e funcionalidade de suas páginas web.
Muitos destes erros acontecem muitas vezes quando você cola o conteúdo em suas páginas de outras fontes, como a um arquivo Word ou Excel, um site, um e-mail, ou outro editor de código ou aplicação. Outros erros podem acontecer a partir de um erro de digitação honesto ou com os erros de codificação que aconteceu nos bastidores ao mover elementos ao redor da página, clicando e arrastando ou cortar e colar.
Um problema de código muito comum é encontrar hiperlinks vazios na sua página, que alguns editores de código, ocasionalmente, saem no código, sem motivo aparente quando você mover um link de um local na página para outra. Esses links vazios são essencialmente apenas pedaços de código que não envolvem qualquer conteúdo, tais como, o que significa que eles não vão aparecer no navegador.
Como é frequentemente o caso, tal código extra pode não ser perceptível durante a fase de construção de seu site, mas, muitas vezes, elevar sua cabeça durante a fase de testes antes da publicação.
Para minimizar erros de codificação em suas páginas web, certifique-se de executar a limpeza de código, pelo menos duas vezes durante a fase de construção:
Depois de construir sua página principal (s) ou modelo (s), limpar o código antes de construir qualquer uma das páginas restantes para o site.
Fazer outra rodada de limpeza em todas as páginas do site no final da fase de construção, antes do lançamento do site.
Para ajudar com o processo de limpeza, tirar proveito de todas as ferramentas especiais seu aplicativo de codificação pode recomendar para esta tarefa. Dreamweaver, por exemplo, oferece várias ferramentas que podem automatizar o processo de limpeza dentro de qualquer site de gestão, tais como um Localizar e substituir ferramenta, um corretor ortográfico, um comando do Word Clean Up, um comando Código Clean Up, uma ferramenta de formatação de origem, e uma converter ferramenta Syntax.
Embora muitos dos exemplos que você encontrar aqui incluem passo-a-passo as instruções especificamente para o Dreamweaver, a maioria das outras aplicações de codificação pode ter ferramentas similares que você pode usar para executar essas tarefas.
Além disso, você pode encontrar algumas ferramentas online para verificar suas páginas para determinados erros e ajudá-lo a identificar os problemas no código. A única desvantagem para ferramentas on-line, no entanto, é que muitos deles permitem que você insira apenas um URL de cada vez, que, embora completa, pode fazer o processo de limpeza um pouco entediante.
De longe, uma das ferramentas mais robustas que você encontrará na maioria dos editores HTML codificação é o Localizar e substituir ferramenta. Com esta ferramenta, você pode procurar e, opcionalmente, substituir ou excluir qualquer texto, código-fonte, ou tag específica em toda uma página inteira, páginas selecionadas, uma pasta especificada, ou de todo um site gerenciado.
Suponha, por exemplo, você percebe que o conteúdo fornecido pelo cliente contém uma determinada palavra que está grafada em todo o site. Esta ferramenta pode achar que erro de ortografia e substituir todas as instâncias com a grafia correta em todas as páginas do site. coisas muito poderoso!
A única coisa sobre este tipo de ferramenta que pode ser um impedimento para alguns designers é que muitas vezes esses tipos de operações globais normalmente não pode ser desfeita, o que pode ser especialmente crítico quando modificando site de páginas de largura.
Portanto, para garantir que você possa reverter erros inocentes que eles deveriam acontecer, faça uma cópia de backup de todo o seu site gerenciado antes usando esta ferramenta. Dessa forma, em caso de que algo não vai mal, você sempre pode reverter seu site para o estado em que estava antes de você começou a fazer mudanças.
Depois de algumas semanas, quando você sabe que não vai precisar reverter para esse estado particular do site, você pode excluir com segurança os arquivos de backup.
Para encontrar uma palavra ou frase mal escrita e substituir esse texto com o novo texto em todas as páginas de um site do Dreamweaver gerenciado, abra o documento que contém o erro de ortografia e selecione a palavra ou frase incorreta. Em seguida, escolha Editar-localizar e substituir para abrir a caixa diálogo Localizar e Substituir.
Alterar palavras e frases é apenas um exemplo de como usar uma ferramenta esta poderosa. Você também pode usar o Localizar e substituir ferramenta para editar pedaços inteiros de código, substitua os nomes de arquivo em todo o site, e remover tags e outra codificação indesejado, como comentários e outras marcações desnecessárias.