*   >> Leitura Educação Artigos >> tech >> desenvolvimento web

Princípios de otimização de código HTML

codificação disponível. HTML tem a capacidade de código de nidificação dentro de outro código. Por exemplo, poderíamos ter uma linha com três palavras onde a palavra do meio era em negrito. Isto pode ser conseguido alterando a formatação completamente cada vez que as alterações de formatação visíveis. Considere este código: (font face = vezes) Esta (fonte) (font face = vezes) (forte) BOLD (forte) (fonte) (font face = vezes) Word (fonte) Isso leva-se 90 caracteres. Isso é muito mal escrita e html é o que você ocasionalmente terá ao utilizar um editor WYSIWYG.

Desde os (Font) tags são repetir a mesma informação podemos simplesmente ninho os (fortes) dentro das etiquetas (Font) tags, e melhor ainda usar o (b) tag em vez da tag (forte). Isto nos daria este código (font face = vezes) esta (b) BOLD (b) Word (fonte), tendo-se apenas 46 caracteres. Este é o nosso segundo princípio do código HTML limpo: Use as tags aninhadas quando possível. Esteja ciente de que editores WYSIWYG irá atualizar freqüentemente formatação, acrescentando camada após camada de código aninhada.

Então, enquanto você está limpando o olhar de código para código aninhada redundante colocado lá pelo seu programa de edição WYSIWYG. Um grande problema com o uso de tags HTML é que precisamos repetir a codificação tag sempre que alterar a formatação. O advento do CSS permite-nos uma grande vantagem na codificação limpo, permitindo-nos para o layout de uma vez a formatação de um documento, em seguida, basta referir a ela uma e outra vez.

Se tivéssemos seis parágrafos em uma página que alternar entre dois tipos diferentes de formatação, como títulos em azul, Negrito, Ariel, tamanho 4 e texto de parágrafo em Preto, Times, tamanho 2, usando tags precisaríamos listar que a formatação completa cada vez que fizer uma alteração. (font face = Ariel color = blue size = 4) (b) A nossa posição (/b) (/font) (font face = Número color = preto tamanho = 2) Nossa parágrafo (/font) (font face = Ariel color = azul size = 4) (b) O nosso próximo título (/b) (/font) (font face = Número color = preto tamanho = 2) Nosso próximo parágrafo (/font) Teríamos então repita esse procedimento para cada título eo parágrafo, os lotes de código html.

Com CSS poderíamos criar estilos CSS para cada tipo de formatação, listar os estilos uma vez no cabeçalho da página, e depois simplesmente se referir ao estilo de cada vez que fizer uma alteração. (cabeça) (style type = "text /css") (- .style1 {font-family: Arial, Helvetica, sans-serif

Page   <<  [1] [2] [3] >>
Copyright © 2008 - 2016 Leitura Educação Artigos,https://artigos.nmjjxx.com All rights reserved.