Créer un compte
Connexion

[Tutoriel]Frames valides (X)html


[Tutoriel]Frames valides (X)html [Tutoriel]Frames valides (X)html Le 29/07/2013 à 05:25:20
Note: 4/5
Mots clés: frames frame frameset iframe includes balise xhtml html

Bonjour à vous,
Dans ce tutoriel, je vous apprendrait à faire des pages valides contenant des frames.

Alors d'abords, pour votre page contienne des frames et qu'elle soit valide, je vous conseille de lui mettre le DOCTYPE suivant:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Ce DOCTYPE prend en charge les balises suivantes:
  • frameset
  • frame
  • iframe
  • noframes

Je vais dans ce tutoriel vous apprendre à utiliser les balises iframe et noframes.

iframe


La balise iframe est une balise assez simple, voici une liste ses différents attributs:
  • src: adresse de la page de la frame
  • width: largeur de la frame
  • height: hauteur de la frame
  • name: nom de la frame
  • frameborder: la bordure
  • scrolling: si il vous voulez appliquer le scroll
  • longdesc: lien vers la description
  • marginwidth: largeur de la marge
  • marginheight: hauteur de la marge
  • align: alignement

Le contenu de la balise sera affiché si le navigateur de l'utilisateur ne prend pas en charge les frames.
Bon un petit exemple:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Frames valides (X)html</title>
</head>
<body>
<div>
<iframe src="http://www.supportduweb.com/" width="350px" height="350px" frameborder="0" name="maframe1" scrolling="no">Votre navigateur ne prend pas en charge les frames ou elles sont d&eacute;sactiv&eacute;e.</iframe>
</div>
</body>
</html>
Tester

noframes


La balise noframes permet tout simplement de détecter si le navigateur prend en charge les frames. Si le navigateur les prend en charge, il ne va tout simplement pas afficher le contenu de la balise.

Scripts et Tutoriels similaires

Parser du BBcode en (X)Html - convertir du bbcode en html/convertir du html en bbcode en utilisant les expressions réguliaires(regex) Parser du BBcode en (X)Html - convertir du bbcode en html/convertir du html en bbcode en utilisant les expressions réguliaires(regex) [Tutoriel]Faire clignoter un texte en (X)html / CSS [Tutoriel]Faire clignoter un texte en (X)html / CSS Simple PHP Forum Script - Forum en php facile simple script code telecharger forum php gratuit mysql Simple PHP Forum Script - Forum en php facile simple script code telecharger forum php gratuit mysql Background scrollable avec overflow:auto; sous firefox (X)html/CSS Background scrollable avec overflow:auto; sous firefox (X)html/CSS Propriété position et z-index en css tutoriel (X)html/CSS Propriété position et z-index en css tutoriel (X)html/CSS