Les cadres HTML sont utiles pour diviser la page Web ou le navigateur Web en plusieurs sections ; ils séparent les sections puis se chargent différemment. A-frame affiche le contenu indépendamment de son conteneur. Plusieurs cadres forment une collection et sont appelés un jeu de cadres. La disposition peut être considérée comme similaire à l’orientation des lignes et des colonnes dans un tableau. La balise frame est obsolète en HTML5. Chaque cadre a une balise de cadre à indiquer. Le cadre horizontal est défini par l'attribut row de la balise frame, et l'attribut vertical est défini par l'attribut column de la balise frame dans le document HTML. La même fenêtre dans un cadre peut afficher une bannière statique, un deuxième menu de navigation, etc. Syntaxe des frames En HTML, il n'y a pas de balise de fin pour le étiqueter. Lorsque nous utilisons des cadres dans une page Web, nous utilisons au lieu d'une balise étiqueter. En utilisant C'est ainsi que nous demandons à la page Web de la diviser en cadres. Le la balise définit quel document HTML doit s'ouvrir en tant que cadre. Les colonnes d'attribut prennent la valeur en pixels et aident à spécifier le nombre et la taille des colonnes dans un jeu de cadres. De même, comme nous l'avons vu ci-dessus, les lignes d'attributs prennent la valeur en pixels et aident à spécifier le nombre et la taille des lignes dans un jeu de cadres. Cependant, il convient de noter que le La balise est obsolète en HTML5 et elle n'est plus utilisée. Différents types de cadres en HTML L'une des utilisations des cadres a toujours été de charger les barres de navigation dans un cadre, puis de charger les pages principales dans un cadre séparé. La balise A-frame définit un seul cadre de fenêtre dans un . prend en charge les navigateurs Chrome, Internet Explorer, Mozilla, Safari et Opera Mini. Les différents attributs et certains attributs couramment utilisés dans le cadre sont des attributs tels que la bordure, le défilement, le src, le nom, etc. Types de balises de cadre Voici les différents types de balises de cadre : Le Attribut de balise Il existe cinq attributs importants du , et nous en discutons ici : 1. Col: L'attribut col donne les cadres verticaux. La largeur, cependant, peut être spécifiée de 4 manières : Pixels : les valeurs absolues peuvent être mentionnées en pixels. Si nous devons créer trois cadres verticaux, nous pouvons donner la valeur : cols=”100,50,100”. Pourcentage : Le pourcentage de la fenêtre du navigateur peut être mentionné. Si nous devons créer trois cadres verticaux, nous pouvons donner la valeur : cols=”40%,20%,40%.” Nous pouvons également utiliser le caractère générique ici (*) et laisser le caractère générique prendre le reste de la fenêtre, qui reste non mentionné. cols=”30%,*,30%” Sortie : 2. Rows : L'attribut row donne les cadres horizontaux. Il spécifie les lignes d'un frameset. Si nous devons créer trois cadres horizontaux, nous utilisons : Exemple : Lignes=”10%,80%,10%’. On peut également régler la hauteur de chaque ligne comme nous l'avions fait dans le cas des colonnes précédemment. Sortie : 3. Bordure : Il précise la largeur de la bordure de chaque cadre en pixels. Par exemple, border=”4”. Si border=”0”, cela signifie qu’il n’y a pas de frontière. 4. Frameborder : Si une bordure tridimensionnelle doit être affichée entre les images, alors nous utilisons cet attribut. La valeur que prend l'attribut est 1 ou 0 (Oui ou Non). Par exemple : frameborder=”0” signifie pas de bordure. 5. Framespacing : Cet attribut spécifie la quantité d'espace entre les images dans un jeu de cadres. N'importe quelle valeur entière peut être donnée ici pour cet attribut. Par exemple, framespacing=”12” signifie qu'entre les images, il doit y avoir un espacement de 12 pixels. Le Attribut de balise Il y a 8 attributs qui peuvent être répertoriés ici dans cette section. 1. src : Nous fournissons le nom du fichier à cet attribut qui est censé être chargé dans le cadre. La valeur de cet attribut peut être n'importe quelle URL. Exemple : src= www.facebook.com 2. name : Cet attribut fournit un nom au cadre. Il définit dans quel cadre un document doit être chargé. Si vous avez plusieurs liens dans un cadre qui se chargent dans un autre cadre, nous utilisons cet attribut. Ensuite, la deuxième image a besoin d'un nom pour s'identifier comme cible du lien. Par exemple, name=”abc.htm.” 3. frameborder: Cet attribut est spécifié pour indiquer si les bordures doivent être affichées ou non. La valeur prise est 1 ou 0 (Oui ou Non). 4. marginwidth : L'attribut est utile pour spécifier la largeur de l'espace entre la gauche et la droite de la bordure du cadre ainsi que le contenu du cadre. La valeur est donnée en pixel. Par exemple, marginwidth=”10”. 5. marginheight : L'attribut est utile pour spécifier la hauteur de l'espace entre le haut et le bas de la bordure du cadre ainsi que le contenu du cadre. La valeur est donnée en pixel. Par exemple, marginheight=”10”. 6. noresize : Cet attribut empêche essentiellement l'utilisateur d'apporter des modifications aux cadres déjà présents. En l'absence de cet attribut, n'importe quel cadre peut être redimensionné. Par exemple, noresize=”noresize.” 7. scrolling : Cet attribut prend le contrôle de l'apparence des barres de défilement, qui sont présentes sur le cadre. La valeur est « oui, « non » ou « auto ». Par exemple, scrolling=” no” signifie qu'il ne devrait pas avoir de barres de défilement. 8. longdesc :Cet attribut vous permet de fournir un lien vers une autre page contenant une longue description du contenu du cadre. Par exemple, longdesc=”framedesc.htm.” Prise en charge des cadres et du navigateur Les anciens navigateurs ne prennent pas en charge les frames, alors les éléments doivent être affichés à l'utilisateur. En pratique le L'élément doit être placé à l'intérieur de car l'élément est censé remplacer l'élément élément. Si le navigateur ne parvient pas à comprendre alors il comprend le contenu de l'élément élément contenu dans élément. C'est une bonne approche de publier un message dans de tels scénarios pour l'utilisateur qui utilise d'anciens navigateurs. Des messages comme « Désolé ! Votre navigateur ne prend pas en charge les frames. à prévenir. Conclusion La technologie Frame n'est pas prise en charge par un grand nombre de navigateurs de nos jours. On remarque souvent que le contenu de la page Web ne s’affiche pas correctement sur les petits appareils. Quoi qu'il en soit, il est bon de connaître ce qui existait pour pouvoir développer de meilleurs modèles compatibles avec les nouvelles technologies.