Comme concepteurs de sites Web, nous voulons tous travailler avec les technologies les plus récentes et les plus performantes. Parfois, cependant, nous sommes obligés de travailler sur des pages héritées qui, pour une raison ou une autre, ne peuvent pas être mises à jour selon les normes Web actuelles. Vous le voyez sur certaines applications logicielles qui peuvent avoir été créées sur mesure pour les entreprises il y a de nombreuses années. Si vous êtes chargé de travailler sur ces sites, vous vous salirez sans aucun doute les mains en travaillant avec un ancien code. Vous pouvez même en voir un ou deux!
L'élément HTML était un élément de conception de site Web il y a quelques années, mais c'est une fonctionnalité que vous voyez rarement sur les sites de nos jours - et pour cause. Voyons où en est le support aujourd'hui et ce que vous devez savoir si vous êtes obligé de travailler avec des cadres sur un site Web hérité.
Prise en charge de HTML5 pour les cadres
leHTML5. Cela signifie que si vous codez une page Web à l'aide de la dernière itération du langage, vous ne pouvez pas utiliser de cadres HTML dans votre document. Si vous souhaitez utiliser un
HTML 4.01 ou XHTML pour votre doctype de la page.Étant donné que les cadres ne sont pas pris en charge dans HTML5, vous n'utiliserez pas cet élément sur un site nouvellement créé. C'est quelque chose que vous ne rencontrerez que sur les sites hérités susmentionnés.
Ne pas confondre avec les iFrames
Le HTML
Ciblage des cadres HTML
OK, donc tout sur les cadres obsolètes ayant été dit, que se passe-t-il si vous avez besoin de travailler avec ces vieux morceaux de HTML?
Si vous utilisez un doctype plus ancien et que vous souhaitez utiliser des cadres HTML, vous devez être conscient de certains problèmes courants. L'un de ces problèmes est d'ouvrir les liens dans le corriger Cadre. C'est ce qu'on appelle le ciblage. Vous donnez à vos balises d'ancrage un "cible" pour ouvrir leurs liens. La cible est généralement le nom du cadre.
Dans le jeu de cadres ci-dessus, il y a deux cadres, le premier est appelé "nav" et le second est appelé "main". Nous pouvons imaginer que le cadre de navigation (frame1.html) est la navigation et que tous les liens qu'il contient devraient s'ouvrir dans le cadre principal (frame2.html).
Pour ce faire, vous donneriez aux liens dans frame1 la cible de "main". cible="principale">. Mais que se passe-t-il si vous ne souhaitez pas ajouter la cible à chaque lien de votre page de navigation? Vous pouvez définir une cible par défaut dans le HEAD de votre document. C'est ce qu'on appelle la cible de base. Tu rajouterais la ligne
Cadres et Noframes
L'une des sections les plus mal utilisées de la balise frames est noframes. Cette balise permet aux personnes ayant des navigateurs incompatibles avec les cadres de visualiser votre page (cela ne fonctionne pas pour HTML5, juste pour les très vieux navigateurs sans prise en charge des cadres - vous ne pouvez donc pas essayer de le mettre dans HTML5 pour le faire travail. Bien essayé, mais pas de chance.), et c'est le but ultime, n'est-ce pas?
Dans un jeu de cadres typique, le code HTML ressemble à ceci:
Cela créera une page avec deux cadres, le haut mesurant 40 pixels de haut et le bas étant le reste de la page. Cela ferait un joli cadre de barre de navigation supérieure avec la marque et la navigation dans le cadre de 40 pixels.
Cependant, si l'un de vos visiteurs accède à votre site avec un navigateur incompatible avec les cadres, il obtient une page blanche. Les chances qu'ils reviennent sur votre site sont assez minces, et pour le rendre visible par eux, vous devez ajouter quatre lignes supplémentaires de HTML:
Ce site est encadré, mais vous pouvez voir une version non encadrée.
Parce que vous pointez vers la partie contenu de votre jeu de cadres (frame2.html) dans la partie noframes de la page, votre site devient accessible.
Gardez à l'esprit que même si vous utilisez la dernière version de votre navigateur préféré, votre public peut ne pas vouloir télécharger en permanence le dernier logiciel. Leur machine peut ne pas le prendre en charge, ou ils peuvent ne pas avoir de place pour installer un programme de plus de 20 Meg sur leur disque dur. L'ajout de quatre lignes de HTML est une solution simple.