Cadres HTML
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.
Un cadre A affiche le contenu indépendamment de son conteneur. Plusieurs cadres forment une collection et sont connus comme un jeu de cadres. L'arrangement peut être considéré comme similaire à l'orientation des lignes et des colonnes d'un tableau. La balise frame est déconseillée en HTML5.
Chaque trame a une étiquette de trame à 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 cadres
En HTML, il n'y a pas de balise de fin pour la balise. Lorsque nous utilisons des cadres dans une page Web, nous utilisons une balise au lieu d'une balise. L'utilisation est la façon dont nous demandons à la page Web de la diviser en cadres. La balise définit le document HTML qui 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'attribut prennent la valeur en pixels et elles aident à spécifier le nombre et la taille des lignes dans un jeu de cadres.
Cependant, il convient de noter que la balise est obsolète en HTML5 et qu'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 a.
prend en charge le navigateur dans Chrome, Internet Explorer, Mozilla, Safari et Opera Mini.
Les attributs différents et certains couramment utilisés dans le cadre sont des attributs tels que bordure, défilement, src, nom, etc.
Types d'étiquette de trame
L'attribut de balise
Il existe cinq attributs importants de la et nous en discutons ici:
1. Col: Les cadres verticaux sont donnés par l'attribut col. La largeur, cependant, peut être spécifiée de 4 façons:
- 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ée.
cols = "30%, *, 30%"
Production:
2. Lignes: Les cadres horizontaux sont donnés par l'attribut de ligne. Il spécifie les lignes d'un jeu de cadres. Si nous devons créer trois cadres horizontaux, nous utilisons:
Par exemple: Lignes = "10%, 80%, 10%".
Nous pouvons également définir la hauteur de chaque ligne comme nous l'avions fait dans le cas des colonnes précédemment.
Production:
3. Bordure : Elle spécifie la largeur de bordure de chaque image en pixels.
Par exemple: border = ”4”. Si border = "0", signifie qu'il n'y a pas de frontière.
4. Frameborder: Si une bordure tridimensionnelle doit être affichée entre les cadres, nous utilisons cet attribut. La valeur prise par 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 cadres dans un jeu de cadres. Toute valeur entière peut être indiquée ici pour cet attribut.
Par exemple: framespacing = ”12” signifie entre les images il devrait y avoir un espacement de 12 pixels.
L'attribut de balise
Il y a 8 attributs qui peuvent être répertoriés ici dans cette section.
1. src: nous fournissons le nom de fichier à cet attribut qui est censé être chargé dans le cadre. La valeur de cet attribut peut être n'importe quelle URL.
Par exemple: src = www.facebook.com
2. nom: cet attribut donne un nom au cadre. Il définit dans quel cadre un document doit être chargé. Si vous avez plusieurs liens dans une trame qui se charge dans une autre trame, nous utilisons cet attribut. Ensuite, la deuxième trame 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 fondamentalement l'utilisateur d'apporter des modifications aux trames déjà présentes. En l'absence de cet attribut, n'importe quelle trame peut être redimensionnée.
Par exemple: noresize = ”noresize”
7. scrolling: cet attribut prend le contrôle de l'apparence des barres de défilement présentes sur le cadre. La valeur soit «oui», «non» ou «auto».
Par exemple: scrolling = ”no” signifie qu'il ne doit 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 cadres, les éléments doivent donc être affichés pour l'utilisateur.
En pratique, l'élément doit être placé à l'intérieur de l'élément car l'élément est censé remplacer l'élément. Si le navigateur ne parvient pas à comprendre l'élément, il comprend le contenu de l'élément contenu dans l'élément.
C'est une bonne approche de mettre 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 cadres. "Pour le notifier.
Conclusion - Cadres HTML
La technologie Frame n'est pas prise en charge par un certain nombre de navigateurs de nos jours. Souvent, il est à noter que le contenu de la page Web ne s'affiche pas correctement pour les petits appareils. Quoi qu'il en soit, il est bon d'avoir une connaissance de ce qui existait afin que de meilleurs modèles puissent être développés pour être compatibles avec les nouvelles technologies.
Articles recommandés
Ceci est un guide des cadres HTML. Nous discutons ici des différents types de cadres en HTML et des types de balises de cadre avec prise en charge des cadres et du navigateur. Vous pouvez également consulter l'article suivant pour en savoir plus -
- Créer des tableaux en HTML
- Éditeurs de texte HTML
- Versions de Html
- Balises d'image HTML
- Blocs HTML
- Événements HTML
- 5 principaux attributs d'événements HTML avec des exemples
- Définir une couleur d'arrière-plan en HTML avec l'exemple