Os três princípios do optimization do código do HTML
Justo como a mola que limpa uma casa, o código do HTML de seus Web pages deve começar a limpeza periódica também. Sobre o tempo, como mudanças e updates são feitos a um Web page, o código pode tornar-se desarrumado com a desordem desnecessária, retardando abaixo tempos de carga da página e ferindo a eficiência de seu Web page. O HTML desordenado pode também seriamente impactar seu ranking do Search Engine.
Isto é especial verdadeiro se você estiver usando um pacote do projeto da correia fotorreceptora do WYSIWYG (o que você vê é o que você começa) tal como FrontPage ou Dreamweaver. Estes programas apressar-se-ão acima de sua criação do Web site, mas não são aquele eficiente no código limpo do HTML da escrita.
Nós estaremos focalizando esta discussão no coding real do HTML, ignorando outras línguas de programação que podem ser usadas em uma página tal como o Javascript. Nos exemplos do código eu estarei usando (e) caráteres em vez do HTML correto de modo que os exemplos do código indiquem corretamente neste boletim de notícias.
Acima de até recentemente ao codificar uma página no HTML nós estaríamos usando Tag tais como o Tag (da pia batismal) e (p) Tag do parágrafo. Entre estes Tag seja nossos índice, texto, imagens e ligações da página. Cada vez que uma mudança do formato foi feita na página que os Tag novos foram necessitados com formato completo para o novo secionam. Nós temos ganhado mais recentemente a abilidade de usar folhas sendo conectadas em cascata do estilo, permitindo que nós escrevam o formato uma vez e consultem então a esse formato diversas vezes dentro de um Web page.
A fim apressar-se acima dos tempos de carga da página nós necessitamos ter poucos caráteres na página quando vistos em um editor do HTML. Desde que nós realmente não queremos remover algum de nosso índice visível nós necessitamos olhar ao código do HTML. Limpando acima deste código nós podemos remover os caráteres, criando desse modo um Web page menor que carregue mais rapidamente.
O HTML excedente do tempo mudou e nós temos agora muitas maneiras diferentes fazer a mesma coisa. Um exemplo seria o código usado mostrar um tipo cara bold(realce). No HTML nós temos duas escolhas principais, o Tag (forte) e (b) o Tag. Como você pode ver que o Tag (forte) usa 5 mais caráteres do que (b) o Tag, e se nós considerarmos os Tag de fechamento também nós vemos aquele usar os usos do par do Tag (strong)(/strong) 10 mais caráteres do que o par mais limpo do Tag (b)(/b).
Este é nosso primeiro princípio do código limpo do HTML: Use o método o mais simples do coding disponível.
O HTML tem a abilidade do código do assentamento dentro do outro código. Por exemplo nós poderíamos ter uma linha com três palavras onde a palavra média estava em bold(realce). Isto poderia ser realizado mudando o formato completamente cada vez que o formato visível muda. Considere este código:
(pia batismal face=?times?)This(/font)
(pia batismal face=?times?)(strong)BOLD(/strong)(/font)
(pia batismal face=?times?)Word(/font)
Isto faz exame acima de 90 caráteres.
Este é HTML muito mal escrito e é o que você ocasionalmente começará ao usar um editor do WYSIWYG. Desde os Tag (da pia batismal) estão repetindo a mesma informação que nós podemos simplesmente aninhar os Tag (fortes) dentro dos Tag (da pia batismal), e melhor contudo para usar (b) o Tag em vez do Tag (forte). Isto dar-nos-ia este código (face=?times)This da pia batismal (b)BOLD(/b) Word(/font), fazendo exame acima de somente 46 caráteres.
Este é nosso segundo princípio do código limpo do HTML: Use Tag aninhados quando possível. Esteja ciente que os editores do WYSIWYG atualizarão freqüentemente o formato adicionando a camada após a camada de código aninhado. Assim quando você limpar acima do código procure o código aninhado redundante colocado lá por seu WYSIWYG que edita o programa.
Um problema grande com usar Tag do HTML é que nós necessitamos repetir o coding do Tag sempre que nós mudamos o formato. O advent do CSS permite-nos uma vantagem grande no coding limpo permitindo nos à disposição o formato uma vez em um original, então consulta-lhe simplesmente repetidamente outra vez.
Se nós tivermos seis parágrafos em uma página que comutam entre dois tipos diferentes de formato, tais como títulos em azul, bold(realce), Ariel, faz sob medida 4 e paragrafa o texto no preto, épocas, tamanho 2, usando Tag que nós necessitaríamos alistar esse formato completo cada vez que nós fazemos uma mudança.
(face=?Ariel da pia batismal? color=?blue? size=?4?)(b)Our heading(/b)(/font)
(color=?black dos face=?Times da pia batismal? size=?2?)Our paragraph(/font)
(face=?Ariel da pia batismal? color=?blue? size=?4?)(b)Our em seguida heading(/b)(/font)
(color=?black dos face=?Times da pia batismal? size=?2?)Our em seguida paragraph(/font)
Nós repetiríamos então este para cada título e parágrafo, lotes do código do HTML.
Com CSS que nós poderíamos criar estilos do CSS para cada tipo do formato, alistamos os estilos uma vez no encabeçamento da página, e então consultamos simplesmente ao estilo cada vez que nós fazemos uma mudança.
(cabeça)
(estilo type="text/css")
(! - -
style1 {
pia-família: Arial, helvetica, sans-serif;
pia-peso: bold(realce);
pia-tamanho: 24px;
}
style2 {
pia-família: das "roman novo épocas", épocas, serif;
pia-tamanho: 12px;
}
--)
(/estilo)
(/cabeça)
(corpo)
(p class="style1")Heading(/p)
(p class="style2")Paragraph Text(/p)
(/corpo)
Observe que os estilos estão criados na seção principal da página e então referenced simplesmente na seção do corpo. Porque nós adicionamos mais formato nós continuaríamos simplesmente a consultar aos estilos previamente criados.
Este é nosso terceiro princípio do código limpo do HTML: Use estilos do CSS quando sempre possível. O CSS tem diversos outros benefícios, tais como poder colocar os estilos do CSS em uma lima externa, reduzindo desse modo o tamanho da página mesmo mais, e a abilidade atualizar rapidamente o formato local-largo simplesmente atualizando a lima externa do estilo do CSS.
Assim com alguma limpeza simples de seu código do HTML você pode fàcilmente reduzir o tamanho de lima e fazer um carregamento rápido, um lean e um Web page médio.
Sobre o autor:
George Peirson é um empreendedor e um instrutor bem sucedidos do Internet. É o autor sobre de 30 multimedia baseou os títulos tutoriais do treinamento que cobrem tópicos como Photoshop, flash e Dreamweaver. Para ver seus jogos do treinamento visitar www.howtogurus.com
Artigo Fonte: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster começa O Código do HTML
Adicionar este artigo para o seu site agora!
Webmaster enviar seus artigos
Nenhum registro necessário! Preencha o formulário e seu artigo está no Messaggiamo.Com Diretório!
