D'une manière générale, l'organisation du fichier d'une page Web standard est XHTML CSS. Parmi eux, XHTML est principalement utilisé pour représenter la structure des pages Web et afficher le contenu, tandis que CSS définit la disposition de la structure et modifie le style de contenu.
Le XHTML couramment utilisé pour la mise en page comprend généralement:
DIV: Il est principalement utilisé pour le groupe logique du contenu de la page. Par exemple, une page Web comprend généralement des partitions responsables telles que l'en-tête, la navigation, la barre latérale, le contenu et le droit d'auteur. Vous pouvez utiliser la segmentation des balises Div pour le moment.
Dans le même temps, la dénomination suivante est recommandée pour chaque bloc:
Ce qui suit est le contenu cité:
En-tête: <div id = Masthead> </div>
Navigation: <div id = globalnav> </div>
Barre latérale: <div id = navbar> </div>
Contenu: <div id = contenu> </div>
Copyright: <div id = Copyright> </div>
Remarque: L'ID est unique, c'est-à-dire que l'ID ne doit pas apparaître plus de deux fois sur la même page. Sinon, utilisez la classe.
UL: Il s'agissait à l'origine d'une liste non ordonnée et est souvent utilisée pour représenter des éléments équivalents des classes non structurales dans les applications XHTML CSS. Il doit être utilisé en conjonction avec l'élément enfant d'Ul Li.
Ce qui suit est le contenu cité:
<div>
<ul>
<li> <a href = #> link1 </a> </li>
<li> <a href = #> link2 </a> </li>
<li> <a href = #> link3 </a> </li>
</ul>
</div>
Span: si vous comparez cet élément avec Div, alors Span est un sac et Div est une boîte (appelée Xiaoyi: l'application de base du code xhtml). En fait, Div est un élément au niveau du bloc, tandis que Span est un élément en ligne (voir des éléments en ligne et des éléments au niveau du bloc). Grâce à Span, un élément de fragment dans un segment ou un élément de ligne peut être défini séparément.
Par exemple:
Ce qui suit est le contenu cité:
<ul>
<li> <span> (2006-11-13) </span> Résumé de la disposition du CSS XHML </li>
</ul>
La définition de la portée comme flottante gauche / droite dans CSS peut activer l'affichage de la date et du titre des deux côtés. Ceci est relativement utilisé
Ce qui suit est le contenu cité:
<ul>
<li> 2007-11-5vevb.com </li>
<li> Résumé de la mise en page CSS XHML </li>
</ul>
C'est beaucoup plus simple.
=================================================.
Après avoir parlé des balises XHTML communes pour la mise en page, il existe également des balises XHTML utilisées pour afficher le contenu de la page Web. Par exemple:
Ce qui suit est le contenu cité:
<img src = alt = title = /> signifie image
<a href = title => </a> signifie un hyperlien
<hn> </hn> (n = 1,2, ..., 6) Indique le titre de contenu de la page
Il est recommandé que H1-H6 diminue dans l'ordre selon son importance, et H1 est le titre le plus important (voir Greengnn: Div CSS Naming Reference)
À l'origine, les étiquettes qui représentent en gras et en italique ont été utilisées, et les étiquettes ont été sélectionnées pour utiliser <strong> </strong> et <em> </em>.