D'une manière générale, l'organisation des fichiers des « pages Web standards » est XHTML CSS. XHTML est principalement utilisé pour représenter la structure des pages Web et afficher le contenu, tandis que CSS est utilisé pour définir la mise en page structurelle et modifier les styles de contenu.
Le XHTML couramment utilisé pour la mise en page comprend généralement :
DIV : principalement utilisé pour la division logique du contenu d'une 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 les droits d'auteur. À ce stade, vous pouvez utiliser la balise DIV pour diviser.
Parallèlement, il est recommandé de nommer chaque bloc comme ceci :
Voici le contenu cité :
En-tête :
Navigation :
Barre latérale :
Contenu :
Droits d'auteur :
Remarque : L'identifiant est unique, c'est-à-dire qu'il ne doit pas apparaître plus de deux fois sur la même page. Sinon, utilisez la classe.
ul : Il s'agit à l'origine d'une liste non ordonnée et est souvent utilisée pour représenter des éléments équivalents de classes non structurelles dans les applications CSS XHTML. Il doit être utilisé conjointement avec le sous-élément LI de UL.
Voici le contenu cité :
span : Si vous comparez cet élément avec DIV, alors span est un sac et div est une boîte (Xiao Yi : application de base du code XHTML). En fait, div est un élément de niveau bloc et span est un élément en ligne (voir les éléments en ligne (en ligne) associés et les éléments de niveau bloc). Grâce à span, un élément de segment dans un paragraphe ou une rangée d'éléments peut être défini individuellement. .
Par exemple :
Voici le contenu cité :
-
(2006-11-13)Résumé de l'application XHTML de la mise en page CSS XHML
Définir span en CSS comme flottant gauche/droite permet d'afficher la date et le titre des deux côtés. Ceci est relatif à l'utilisation
Voici le contenu cité :
- 2007-11-5jb51.net
- Résumé de la mise en page CSS XHML
Beaucoup plus simple.
========================================
Après avoir parlé des balises XHTML courantes utilisées pour la mise en page, il existe également des balises XHTML utilisées pour afficher le contenu des pages Web. Par exemple:
Voici le contenu cité :
représente une image
représente un lien hypertexte
(n=1,2,...,6) représente le titre du contenu de la page
Il est recommandé que h1-h6 diminue par ordre d'importance, h1 est le titre le plus important (voir greengnn : div css naming reference)
Initialement utilisés
et
pour représenter les balises grasses et italiques, choisissez d'utiliser
et
à la place.