Explication détaillée de l'utilisation des balises iframe

iframe est généralement utilisé pour inclure d'autres pages. Par exemple, nous pouvons charger le contenu des sites Web d'autres personnes sur les pages de notre propre site Web. Pour de meilleurs résultats, nous devrons peut-être rendre l'iframe transparente, nous devons donc en savoir plus. attributs. Voici un arrangement simple pour la commodité des amis qui en ont besoin

1. Définition et utilisation de l'iframe

L'élément iframe créera un cadre en ligne qui en contient un autre. document (c'est-à-dire un cadre en ligne).

Différences entre HTML et XHTML

Dans HTML 4.1 Strict DTD et XHTML 1.0 Strict DTD, l'élément iframe n'est pas pris en charge.

Conseils et notes :

Conseils : vous pouvez placer le texte requis entre les navigateurs

Le contenu de la balise iframe peut être affiché lorsque le navigateur ne prend pas en charge la balise iframe.

Attributs

Attributs

Valeur

Description

DTD

aligner

• 属性	值	描述	DTD
  align	left right top middle bottom	不赞成使用。请使用样式代替。 规定如何根据周围的元素来对齐此框架。	TF
  frameborder	1 0	规定是否显示框架周围的边框。	TF
  height	pixels %	规定 iframe 的高度。	TF
  longdesc	URL	规定一个页面，该页面包含了有关 iframe 的较长描述。	TF
  marginheight	pixels	定义 iframe 的顶部和底部的边距。	TF
  marginwidth	pixels	定义 iframe 的左侧和右侧的边距。	TF
  name	frame_name	规定 iframe 的名称。	TF
  scrolling	yes no auto	规定是否在 iframe 中显示滚动条。	TF
  src	URL	规定在 iframe 中显示的文档的 URL。	TF
  width	pixels %	定义 iframe 的宽度。	TF

  gauche
• droite
• haut
• milieu
bas

Obsolète. Veuillez utiliser des styles à la place. Spécifie comment ce cadre doit être aligné par rapport aux éléments environnants.

TF

frameborder

• 1
• 0

Spécifie s'il faut afficher la bordure autour du cadre.

TF

hauteur

• pixels
• %

Spécifie la hauteur du iframe.

TF

longdesc

URL

Spécifie une page que le La page contient une longue description des iframes.

TF

marge hauteur

pixels

Définit les marges supérieure et inférieure de l'iframe.

TF

marginwidth

pixels

Définir le côté gauche de l'iframe et la marge droite.

TF

name

frame_name

Spécifie le nom du iframe.

TF

défilement

• oui
• no
• auto

Spécifie s'il est en une iframe Afficher les barres de défilement.

TF

src

URL

spécifie à afficher dans une iframe L'URL du document.

TF

largeur

• pixels
• %

Définit la largeur du iframe.

TF

Exemple

Le code est le suivant :

Utilisez des pixels pour définir la taille du cadre iframe

Le code est le suivant :

Utilisez des pourcentages pour définir la taille du cadre iframe
2. iframe transparent
Dans la balise file, I Style="background-color=transparent" a été ajouté. Grâce aux quatre façons suivantes d'écrire IFRAME, je pense que vous devriez avoir une compréhension claire de la façon d'implémenter l'effet de transparence d'arrière-plan iframe :

Le code est le suivant :

iframe est utilisé en dernier recours, car l'utilisation des iframes entraînera plus de problèmes et certains navigateurs peuvent être configurés pour bloquer les iframes en tant que publicités.

J'ai utilisé iframe dans un contenu de travail récent. Le problème que j'ai rencontré au début était que l'iframe était hautement adaptatif. J'ai trouvé une solution à ce problème dans le blog de l'équipe UED de Koubei.com, et plus tard j'ai rencontré un problème qui. l'iframe était transparent.
Habituellement, la couleur d'arrière-plan de l'iframe sera blanche, mais elle peut avoir des couleurs différentes selon les navigateurs
Si la page principale a une couleur d'arrière-plan globale ou l'image d'arrière-plan
zone iframe Un bloc blanc apparaîtra, qui est incohérent avec la page principale, qui nécessite une transparence iframe
J'ai trouvé la solution en recherchant la transparence iframe sur Google

Le code est le suivant :

');

5. Déterminez si le navigateur de l'utilisateur prend en charge la balise iframe, nous devons alors procéder comme suit. La méthode d'écriture de

est la suivante :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!