Explication détaillée de l'utilisation des balises iframe (attributs, transparence, hauteur adaptative)_HTML/Xhtml_Production de pages Web

1. Définition et utilisation de l'iframe

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

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

Propriétés

valeur

Description

DTD

aligner

• à gauche
• bien
• haut
• milieu
• en bas

属性	值	描述	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

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 une bordure autour du cadre.

TF

hauteur

• pixels
• %

Spécifie la hauteur de l'iframe.

TF

longdesc

URL

Spécifie une page qui contient une description plus longue de l'iframe.

TF

marginheight

pixels

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

TF

marginwidth

pixels

Définissez les marges gauche et droite de l'iframe.

TF

nom

nom_cadre

Spécifie le nom de l'iframe.

TF

défilement

• oui
• non
• auto

Spécifie s'il faut afficher les barres de défilement dans l'iframe.

TF

src

URL

Spécifie l'URL du document affiché dans l'iframe.

TF

largeur

• pixels
• %

Définir la largeur de l'iframe.

TF

Exemple

Copier le code

Le code est le suivant :

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

Copier le code

Le code est le suivant :

Utiliser le pourcentage pour définir la taille du cadre iframe


2. iframe transparent
dans transparentBody.htm file Dans la balise , j'ai ajouté style="background-color=transparent". Grâce aux quatre façons d'écrire IFRAME suivantes, je pense que vous devriez bien comprendre comment implémenter l'effet de transparence d'arrière-plan iframe :

Copier le codeLe code est le suivant :

iframe est utilisé en dernier recours, car l'utilisation d'iframe 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 je l'ai utilisé. rencontré un problème de transparence iframe

Habituellement, la couleur d'arrière-plan de l'iframe est blanche, qui peut être de couleurs différentes selon les navigateurs

Si la page principale a une couleur d'arrière-plan globale ou une image d'arrière-plan

Un bloc blanc apparaîtra dans la zone iframe, ce 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

Copier le codeLe code est le suivant :

Bien sûr, le principe est que la couleur n'est pas définie dans la page iframe
[code]
Remarque : la transparence iframe utilise principalement allowtransparency="true" style="background-color=transparent"
3.
En raison de L'article est trop long, vous pouvez vous déplacer ici pour voir
http://www.jb51.net/article/15780.htm
4. Sortie du code publicitaire iframe via js
[code]
document.write('