Maison > interface Web > tutoriel HTML > le corps du texte

Comment utiliser la balise frameset html ? Explication détaillée des attributs des balises HTML Frameset

寻∝梦
Libérer: 2018-08-17 13:41:10
original
5139 Les gens l'ont consulté

Comment utiliser la balise frameset html ? Explication détaillée des attributs de la balise html frameset. Cet article décrit principalement la définition et l'utilisation de la balise html frameset, ainsi que les utilisations des deux attributs de la balise html frameset (avec des exemples)

Premier Avant tout, comprenons ce qu'est le frameset html. Balises :

html Définition et utilisation de la balise frameset :

L'élément frameset peut définir un frameset. Il est utilisé pour organiser plusieurs fenêtres (frames). Chaque framework a une documentation distincte. Dans son application la plus simple, l'élément frameset spécifie simplement le nombre de colonnes ou de lignes existant dans le frameset. Vous devez utiliser des attributs cols ou rows.

Le rôle de la balise html frameset :

Son rôle est de spécifier un frameset pour organiser plusieurs frames et framesets imbriqués.

L'élément FRAMESET est un conteneur pour les éléments FRAME. Un document HTML peut contenir soit un élément FRAMESET, soit un élément BODY, mais pas les deux.

Si l'utilisateur clique sur quelque chose dans le dossier Web après l'avoir ouvert dans un cadre, le fichier ou le dossier cliqué remplacera la fenêtre entière. Par exemple, supposons qu'une page contienne deux cadres, l'un pointant vers une URL et le second vers un lecteur réseau. Si l'utilisateur clique sur un fichier ou un dossier dans le deuxième cadre, ce cadre active tous les contrôles de la fenêtre, y compris le premier cadre. Pour les types de fichiers que le navigateur ne peut pas gérer, tels que les fichiers *.txt, la fenêtre d'application correspondante s'ouvrira.

Bien que les dossiers Web fassent partie de la hiérarchie du système de fichiers, cette technologie ne représente pas toujours le contenu réel du système de fichiers. Un exemple typique est le voisinage réseau.

Périmètre d'utilisation de la balise html frameset :

Cet élément est disponible en HTML dans Microsoft® Internet Explorer 3.0 et en script dans Internet Explorer 4.0.

Remarque : La balise

ne peut pas être utilisée avec la balise Toutefois, si vous devez ajouter une balise pour les navigateurs qui ne prennent pas en charge les frames, assurez-vous de suivre la paire de balises du label familier. <p><strong>Exemple de balise HTML <frameset> : </frameset></strong></p> <p>Page simple à trois cadres : </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;html&gt; &lt;frameset cols=&quot;25%,50%,25%&quot;&gt; &lt;frame src=&quot;frame_a.htm&quot; /&gt; &lt;frame src=&quot;frame_b.htm&quot; /&gt; &lt;frame src=&quot;frame_c.htm&quot; /&gt; &lt;/frameset&gt; &lt;/html&gt;</pre><div class="contentsignin">Copier après la connexion</div></div><p><strong>Conseils et remarque sur les balises HTML frameset : </strong></p><p>Astuce : Il est important de noter que les navigateurs permettent à l'utilisateur de redimensionner manuellement les lignes ou les colonnes d'un document à cadre unique, et ainsi de modifier la position relative qu'occupe chaque cadre dans l'échelle d'affichage du cadre. , sauf si vous dites explicitement au navigateur de ne pas le faire. Pour éviter cela, vous pouvez utiliser l'attribut noresize dans la balise <frame> </p><p>Remarque : Si vous souhaitez valider une page contenant des frames, assurez-vous que la DTD est définie sur "Frameset DTD". En savoir plus sur la validation XHTML. </p><p>Important : Vous ne pouvez pas utiliser la balise <body></body> avec la balise <frameset></frameset> Cependant, si vous devez ajouter une balise <noframes> pour les navigateurs qui ne prennent pas en charge les frames, assurez-vous de placer la balise <body></body> </p><p>Attributs optionnels de la balise html frameset : </p><p><img src="https://img.php.cn//upload/image/223/354/882/1534468985971134.png" title="1534468985971134.png" alt="Comment utiliser la balise frameset html ? Explication détaillée des attributs des balises HTML Frameset"/></p><p><strong>Attributs standards de la balise html frameset : </strong></p><p>id , classe, titre, style</p><p><strong>Attribut HTML <frameset> et attribut rows de la balise</strong></p><p><strong>La fonction et l'utilisation de la balise html frameset : </strong>< La balise 🎜></p><frameset> a un attribut obligatoire : soit des lignes, soit des colonnes, selon votre choix, qui définissent la taille des lignes ou des colonnes du cadre ou du jeu de cadres imbriqué dans la fenêtre du document et la quantité. <p></p>Les deux propriétés acceptent une liste de valeurs entre guillemets, séparées par des virgules, qui spécifient la largeur absolue (pixels) ou relative (pourcentage ou espace restant) du cadre (pour les colonnes), ou la hauteur absolue ou relative ( pour les lignes). Le nombre de ces valeurs de propriété détermine le nombre de lignes ou de colonnes de cadres que le navigateur affichera dans la fenêtre du document. <p></p>Comme pour les tableaux, le navigateur essaiera de l'afficher aussi près que possible des dimensions du frameset données. Toutefois, le navigateur n'étend pas les limites de la fenêtre du document pour accueillir les jeux de cadres qui s'étendent au-delà des bords, et le navigateur ne remplit pas non plus la fenêtre avec un espace vide si le cadre spécifié ne remplit pas la totalité de la fenêtre. Au lieu de cela, le navigateur alloue de l'espace en fonction de la taille d'un cadre par rapport aux autres cadres en lignes et en colonnes, de sorte qu'il remplisse toute la fenêtre du document. (Avez-vous déjà remarqué qu'il n'y a pas de barres de défilement dans un document du cadre principal ?) <p></p>Voici trois exemples : <p></p><p>Exemple 1<strong></strong></p>Le code ci-dessous A Un cadre de 3 lignes sera créé : <p></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;frameset rows=&quot;150,300,150&quot;&gt;</pre><div class="contentsignin">Copier après la connexion</div></div> Chacune de ces lignes s'étend sur toute la longueur de la fenêtre du document. Les première et dernière images ont une hauteur de 150 pixels et la deuxième ligne une hauteur de 300 pixels. <p><p>实际上,除非浏览器窗口正好是 600 像素高,否则浏览器将会自动按照比例延伸或压缩第一和最后一个框架,使得这两个框架都占据 1/4 的窗口空间。中间行将会占据剩下 1/2 的窗口空间。</p><p><strong>实例2</strong></p><p>用窗口尺寸的百分比表示的框架行和列尺寸数据更加实际。</p><p>例如,下面这个示例与刚才那个示例的效果相同:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;frameset rows=&quot;25%,50%,25%&quot;&gt;</pre><div class="contentsignin">Copier après la connexion</div></div><p>当然,如果这些百分比加起来不是 100%,浏览器也会自动按照比例重新给出每行尺寸以消除差异。</p><p><strong>实例3</strong></p><p>如果你像我们一样,那么将问题综合起来就不是一件难事。可能有的框架设计人员正为同样的困难而感到苦恼,这就解释了为什么他们要在 <frameset> 的 rows 和 cols 值上加上星号。它告诉浏览器要在将相邻的框架放入框架集之后,给剩下的空间分配各自的行或列。</p><p>例如,当浏览器遇到下列框架标签时:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;frameset cols=&quot;100, *&quot;&gt;</pre><div class="contentsignin">Copier après la connexion</div></div><p>上面的例子会生成一个宽为固定的 100 像素的列,然后再生成另一个框架列,该列会占据框架集中其余所有的空间。</p> <p>【相关推荐】</p> <p><a href="//m.sbmmt.com/div-tutorial-408459.html" target="_blank" title="HTML <fieldset> 标签的具体用法是什么?怎么用fieldset设置边框颜色?">HTML </a></p> <fieldset> 标签的具体用法是什么?怎么用fieldset设置边框颜色?<br><p><a href="//m.sbmmt.com/div-tutorial-408527.html" target="_blank" title="html textarea是什么意思?如何获取textarea标签中的换行符和空格?">html textarea是什么意思?如何获取textarea标签中的换行符和空格?</a><br></p> <p><br></p> </fieldset>

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal