En términos generales, la organización de archivos de una página web estándar es XHTML CSS. Entre ellos, XHTML se usa principalmente para representar la estructura de la página web y la pantalla de contenido, mientras que CSS define el diseño de la estructura y modifica el estilo de contenido.
El XHTML comúnmente utilizado para el diseño generalmente incluye:
Div: Se utiliza principalmente para fragmentos lógicos del contenido de la página. Por ejemplo, una página web generalmente incluye particiones responsables como encabezado, navegación, barra lateral, contenido y derechos de autor. Puede usar la segmentación de etiquetas Div en este momento.
Al mismo tiempo, se recomienda el siguiente nombre para cada bloque:
El siguiente es el contenido citado:
Encabezado: <div id = masthead> </div>
Navegación: <div id = globalnav> </div>
Barra lateral: <div id = navbar> </div>
Contenido: <Div ID = Content> </div>
Copyright: <div id = copyright> </div>
Nota: La ID es única, es decir, la ID no debe aparecer más de dos veces en la misma página. De lo contrario, use la clase.
UL: Originalmente era una lista desordenada, y a menudo se usa para representar elementos equivalentes de clases no estructurales en aplicaciones CSS XHTML. Debe usarse junto con el elemento infantil de UL Li.
El siguiente es el contenido citado:
<div>
<ul>
<li> <a href =#> link1 </a> </li>
<li> <a href =#> link2 </a> </li>
<li> <a href =#> link3 </a> </li>
</ul>
</div>
Span: si compara este elemento con DIV, entonces SPAN es una bolsa y DIV es una caja (denominada Xiaoyi: la aplicación básica del código XHTML). De hecho, DIV es un elemento a nivel de bloque, mientras que SPAN es un elemento en línea (ver elementos en línea (en línea) y elementos de nivel de bloque). A través del tramo, un elemento de fragmento en un segmento o un elemento de fila se puede definir por separado.
Por ejemplo:
El siguiente es el contenido citado:
<ul>
<li> <span> (2006-11-13) </span> XHML CSS LAYOUT Resumen </li>
</ul>
Definición del tramo como flotación izquierda/derecha en CSS puede habilitar la visualización de la fecha y el título en ambos lados. Esto se usa relativamente
El siguiente es el contenido citado:
<ul>
<li> 2007-11-5Vevb.com </li>
<li> XHML CSS Diseño Resumen </li>
</ul>
Es mucho más simple.
=======================================================
Después de hablar sobre las etiquetas XHTML comunes para el diseño, también hay etiquetas XHTML utilizadas para mostrar contenido de la página web. Por ejemplo:
El siguiente es el contenido citado:
<img src = alt = title = /> significa imagen
<a href = title => </a> significa un hipervínculo
<hn> </hn> (n = 1,2, ..., 6) indica el título del contenido de la página
Se recomienda que H1-H6 disminuya en orden de acuerdo con su importancia, y H1 es el título más importante (ver Greengnn: Referencia de nombres de Div CSS)
Originalmente, se usaron las etiquetas que representan en negrita y en cursiva, y las etiquetas fueron seleccionadas para usar <strong> </strong> y <em> </em> en su lugar.