De um modo geral, a organização de arquivos de uma página da Web padrão é XHTML CSS. Entre eles, o XHTML é usado principalmente para representar a estrutura da página da web e exibir conteúdo, enquanto o CSS define o layout da estrutura e modifica o estilo de conteúdo.
O XHTML comumente usado para layout geralmente inclui:
DIV: É usado principalmente para o conteúdo lógico do conteúdo da página. Por exemplo, uma página da web geralmente inclui partições responsáveis, como cabeçalho, navegação, barra lateral, conteúdo e direitos autorais. Você pode usar a segmentação de tags div neste momento.
Ao mesmo tempo, a seguinte nomeação é recomendada para cada bloco:
A seguir, o conteúdo citado:
Cabeçalho: <div id = masthead> </div>
Navegação: <div id = globalnav> </div>
Barra lateral: <div id = navbar> </div>
Conteúdo: <div id = content> </div>
Direitos autorais: <div id = direitos autorais> </div>
Nota: O ID é único, ou seja, o ID não deve aparecer mais que duas vezes na mesma página. Caso contrário, use a classe.
UL: Era originalmente uma lista não ordenada e é frequentemente usada para representar elementos equivalentes de classes não estruturais em aplicativos CSS XHTML. Ele precisa ser usado em conjunto com o elemento filho da UL.
A seguir, o conteúdo citado:
<div>
<ul>
<li> <a href =#> link1 </a> </li>
<li> <a href =#> link2 </a> </li>
<li> <a href =#> link3 </a> </li>
</ul>
</div>
Span: Se você comparar esse elemento com o DIV, o Span será uma bolsa e o div é uma caixa (denominada Xiaoyi: a aplicação básica do código XHTML). De fato, o DIV é um elemento de nível de bloco, enquanto o span é um elemento embutido (consulte elementos embutidos (embutidos) e elementos no nível do bloco). Através do span, um elemento de fragmento em um segmento ou um elemento de linha pode ser definido separadamente.
por exemplo:
A seguir, o conteúdo citado:
<ul>
<li> <pan> (2006-11-13) </span> xhml CSS Layout Resumo </li>
</ul>
A extensão definida como flutuante esquerda/direita no CSS pode permitir a exibição de data e título de ambos os lados. Isso é relativamente usado
A seguir, o conteúdo citado:
<ul>
<li> 2007-11-5VEVB.com </li>
<li> XHML CSS Layout Resumo </li>
</ul>
É muito mais simples.
======================================================
Depois de falar sobre as tags xhtml comuns para o layout, também existem tags XHTML usadas para exibir o conteúdo da página da web. por exemplo:
A seguir, o conteúdo citado:
<img src = alt = title = /> significa imagem
<a href = title => </a> significa um hiperlink
<hn> </hn> (n = 1,2, ..., 6) Indica o título do conteúdo da página
Recomenda-se que a diminuição do H1-H6 em ordem de acordo com sua importância, e H1 seja o título mais importante (ver Greengnn: DIV CSS Nomeing Reference)
Originalmente, os rótulos que representam ousados e itálicos foram usados, e os rótulos foram selecionados para usar <strong> </strong> e <em> </em>.