HTML : Les frames (cadres)

Les cadres permettent de diviser en plusieurs zones la page HTML affichée par le navigateur : ces cadres sont également appelés FRAMES.

Utilisation

• La balise <FRAMESET>

<FRAMESET ROWS=.. COLS=.. >...</FRAMESET>

Exemple :

<FRAMESET COLS="20%,80%">

<FRAME SRC="page1.html" NAME="cadre1">

<FRAME SRC="page2.html" NAME="cadre2">

</FRAMESET>

Elle va définir les cadres, qu’ils soient verticaux ou horizontaux, et leurs dimensions (en % ou en pixels).

Elle se complète d’attributs :

ROWS="chaîne" définit le découpage vertical de la fenêtre.
La chaîne "20%,60%,20%" définit 3 colonnes qui occuperont respectivement 20%, 60% et 20% de la largeur totale du navigateur.

COLS="chaîne" même principe que ROWS pour le découpage horizontal de la fenêtre.

<FRAME> </FRAME>
Définit un cadre particulier d’une structure de cadres.

<FRAME SRC="URL" NAME="nom" [autres attributs]>
définit les propriétés d’une fenêtre
SRC indique la page HTML (ou autre ressource) à charger dans la fenêtre

NAME attribue un nom à cette fenêtre.

FRAMEBORDER="0 ou 1" Définit une bordure de cadre.

MARGINHEIGHT="nombre entier" marge verticale entre cadre de la FRAME et texte, en pixels.

MARGINWIDTH="nombre entier" marge horizontale entre cadre de la FRAME et texte, en pixels.

SCROLLING=["yes"|"no"|"auto"] indique si la FRAME doit posséder des ascenseurs. auto laisse le navigateur décider.

NORESIZE interdit le redimensionnement de la FRAME. En effet, Le redimensionnement oblige à un nouvel appel du serveur, pas toujours souhaitable.

<NOFRAMES>...</NOFRAMES>
Encadre une page de remplacement utilisée dans le cas où le navigateur ne reconnaît pas les FRAMES.

Compatibilité des cadres

• Les cadres : Pour ou contre ?

Les cadres peuvent s’avérer très pratiques dans la mise en forme de vos pages mais un certains nombre de règles doivent être respectées. Ils présentent des avantages et des inconvénients à ne pas négliger :

Avantages :

- Le chargement des pages : les cadres vous permettent de naviguez de pages en pages sans forcément recharger leur contenu.
- Flexibilité : en utilisant des JavaScripts, vous pouvez faire beaucoup de choses avec les cadres !

Inconvénients :

- Le Target : Il faut impérativement maîtriser les cadres avant de les utiliser ! L’attribut Target peut générer des erreurs telles que le chargement d’une page dans un cadre autre que celui auquel il était destiné.
- Compatibilité : certains navigateurs posent des problèmes de compatibilité et n’affichent pas correctement ou pas du tout les Frames.
- Le référencement : Les moteurs de recherche utilisant les robots peuvent refuser l’indexation de vos pages lors du référencement. Principalement si vous utilisez les cadres sur votre page d’accueil.