CADRES ou FRAMES

ATTENTION: les définitions données le sont à titre indicatif sur la base de la norme HTML4. Les comportements sous les différents navigateurs sont à tester au cas par cas, en particulier avec les versions de Netscape qui commencent à dater ! Noter également que ces listes ne sont absolument pas exhaustives; elles fournissent simplement les fonctions et leurs attributs les plus courants.

Principes

Le fichier de regroupement ne contient pas de body mais un tag <frameset>.

Comme <table>, <frameset> contient une liste de tag <frame> correspondant à la liste des cadres à afficher sur la page.

Frameset

attributs de <frameset></frameset>:

attribut	signification	effet	exemple
rows	lignes	détermine le nombre de lignes et leur hauteur en pixels ou en pourcents	rows="120,,200" ou rows="10%,"
cols	colonnes	détermine le nombre de colones et leur largeur en pixels ou en pourcents	cols="65%,20%," ou cols="200,"
frameborder	bordures des cadres	active ou non l'affichage des bordures des cadres	frameborder="yes" (ou 1) ou frameborder="no" (ou 0)
border	largeur des bordures	largeur des bordures des cadres en pixels	border="10"
bordercolor	couleur des bordures	couleur des bordures des cadres	bordercolor="green"

Frame

attributs de <frame>:

attribut	signification	effet	exemple
src	source	contient l'accès à la page à afficher dans ce frame	src="ma_page.html" ou src="http://www.aol.fr"
name	nom	spécifie le nom du cadre afin de déterminer une cible d'affichage	name="cadre2"
scrolling	défilement	force ou inhibe l'affichage des barres de défilement verticale et horizontale. Ne rien mettre pour auto.	scrolling="yes" ou scrolling="no"
noresize	taille fixe	interdit la modification de taille du cadre par l'utilisateur	noresize
frameborder	bordures du cadre	active ou non l'affichage de la bordure du cadre	frameborder="yes" (ou 1) ou frameborder="no" (ou 0)
bordercolor	couleur de la bordure	couleur de la bordure du cadre	bordercolor="green"

Noframes

Utilisé à l'intérieur des tags <frameset>…….</frameset>, l'instruction <noframes></noframes> permet de définir une alternative pour les navigateurs non compatibles avec les cadres.

Cadres flottants – iframe

Supportés depuis IE 4 mais seulement depuis NS 6, <iframe></iframe> permet de définir un cadre à l'intérieur d'une instruction <body></body>, contrairement à <frameset>.

attributs de <iframe></iframe>:

attribut	signification	effet	exemple
src	source	contient l'accès à la page à afficher dans ce frame	src="ma_page.html" ou src="http://www.aol.fr"
align	alignement	alignement du cadre	align="left"
frameborder	bordures du cadre	active ou non l'affichage de la bordure du cadre	frameborder="yes" (ou 1) ou frameborder="no" (ou 0)
height, width	hauteur, largeur	hauteur et largeur du cadre en pixel	height="80" width="200"
name	nom	spécifie le nom du cadre afin de déterminer une cible d'affichage	name="cadre2"
scrolling	défilement	force ou inhibe l'affichage des barres de défilement verticale et horizontale. Ne rien mettre pour auto.	scrolling="yes" ou scrolling="no"

Attribut target de <a>

Permet de spécifier un cadre de destination pour l'affichage d'une page, lors de l'utilisation d'un lien <a></a>. Exemple:

<a href="ma_page.html" target="mon_cadre">click here</a>

Cibles réservées:

target="_blank"	ouvre une nouvelle fenêtre du navigateur
target="_self"	(valeur par défaut) ouvre la page dans le frame en cours
target="_parent"	ouvre la page dans le frame parent (si il existe)
target="_top"	page actuelle du navigateur

Exemple de frameset

<html>

<head>

</head>

</frameset>

Cette page n'est correctement lisible qu'avec un navigateur supportant<br>

les frames. <a href="topmenu.html">Cliquer ici</a> pour un accès limit&eacute.

</noframes>

</frameset>

</html>