Nos tutoriais anteriores no wulin.com, foi enfatizado muitas vezes que os arquivos HTML da página da web têm semântica. Devemos escolher as tags HTML ou XHTML mais apropriadas com base na estrutura do documento HTML da página da web, em vez de selecioná -las com base em sua aparência e estilo. Use a tag P para definir um parágrafo, em vez de usá -la para obter um novo efeito de linha. Em vez de usá-los para alcançar o tamanho do texto e os efeitos em negrito, usamos tags H1-H6 para marcar títulos.
Por exemplo, um título, podemos defini -lo com H1:
<H1> O texto do título do artigo foi escrito aqui </h1>
E nenhuma outra maneira deve ser usada para defini -lo:
<p style = font-size: 16px; Peso da fonte: negrito;> O texto do título do artigo foi escrito aqui </p>
Nos artigos anteriores do wulin.com, listamos todas as tags permitidas pelo XHTML1.0, e também podemos descobrir que na verdade existem muito poucas tags de elementos que nos permitem escolher. Mas também percebemos claramente que essas marcas elementares refinadas também são mais significativas. Se você realmente não consegue encontrar o elemento certo para marcá -lo, pode usar as tags DIV e Span Common.
O uso de tags Divs e Span na página é um novo problema, e estamos propensos a usá -los demais. O uso necessário e razoável da DIV pode melhorar significativamente a estrutura do documento. Se você olhar para o seu documento HTML e descobrir que existem muitos divs e vãos, precisará olhar para o problema de uma perspectiva diferente. Existe algum abuso? Existem marcadores melhores para substituí -los? Se o H1 puder representar melhor o conteúdo marcado, você deverá desistir de P ou Span para definição.
Talvez este seja um par de contradições, e é difícil entender como usá -las corretamente, ou talvez não possamos obter uma resposta clara. Mas uma coisa a ser esclarecida é que devemos tornar o documento logicamente claro e mais fácil de aplicar estilos. Podemos apenas olhar para uma div como um contêiner ou como um componente de um documento. Usamos muitos recipientes, o que não é um padrão sábio. Um contêiner que está certo em uma posição razoável pode fazer com que todo o documento pareça muito organizado.
O código a seguir é mais razoável e eficaz:
<div id = cabeçalho>
<H1> wulin.com vevb.com. Bem -vindo à sua chegada </h1>
<H2> wulin.com webjx.com fornece a mais recente e rápida tecnologia da web </h2>
<p> wulin.com vevb.com fornece tutoriais de produção da web, tutoriais dinâmicos de produção da web, guias de construção de sites, tutoriais de animação em flash, tutoriais em vídeo, códigos de efeitos especiais da Web, materiais da web, downloads de livros e outros conteúdos. Espero que possa ajudá -lo em seu trabalho e estudo. </p>
</div>