• Joomlatutos.com
    Serveurs locaux pour développer vos sites,
    sites exemples et extensions pour Joomla,
    tutoriels et forum d'aide.
  • JoomlaKit
    Le nouveau système d'installation de site Joomla!
    Avec extensions intégrées, données exemples,
    et suivi des mise à jour par notification e-mail !
  • JCE FR
    JCE, l'incontournable éditeur pour Joomla!
    Avec barre d'outils et gestionnaire de fichiers
    adaptables à des profils utilisateur différents.

Paragraphe et Div

Introduction

La balise de paragraphe (p) et la balise Div (div) sont les balises de bloc de contenu les plus couramment utilisées.
Les différences essentielles entre ces balises sont :

  • La balise p crée un marge accentué au-dessus et en-dessous.
  • La balise p ne peut contenir d'autres balises p.
  • La balise div n'a aucune marge par défaut.
  • La balise div peut contenir des balises p sur un niveau.
  • La balise div peut s'imbriquer sur plusieurs niveaux.

Les styles par défaut de ces balises peuvent varier selon la feuille de style CSS du template (voir cette page...).

Balise de paragraphe (p)

La balise p a un comportement identique à celui des logiciels de traitement de texte comme « OpenOffice Writer »,  « LibreOffice Writer », ou « Microsoft Office Word », elle applique un espace accentué au-dessus et en-dessous.

nvligneVous devez faire un saut de ligne (MAJ + ENTER) pour rester au sein d'un même paragraphe et ne pas avoir un nouvel espace accentué.

A noter que cette combinaison de touche peut varier selon les paramètres de l'éditeur utilisé.

Une balise de paragraphe ne peut pas contenir une autre balise de paragraphe.

Balise Div (div)

Par défaut, la balise div ne possède aucune marge, elle est la balise de bloc de contenu utilisée généralement pour placer des éléments avec précision.

Son grand avantage est de pouvoir contenir des balises div imbriquées, ce qui permet les mises en page complexe.

L'utilisation des tableaux est déconseillée car leur contenu est mal indexé par les moteurs de recherche, vous devez utiliser des balises div à la place en leur attribuant des propriétés d'alignement (float).

Pour rester au sein de la même div, comme pour les paragraphes, vous devez appliquer un saut de ligne avec la combinaison de touche MAJ + ENTER.

ImprimerE-mail