Wie verwende ich das HTML-Frameset-Tag? Detaillierte Erläuterung der HTML-Frameset-Tag-Attribute

寻∝梦
Freigeben: 2018-08-17 13:41:10
Original
5142 Leute haben es durchsucht

Wie verwende ich das HTML-Frameset-Tag? Ausführliche Erläuterung der Attribute des HTML-Frameset-Tags. Dieser Artikel beschreibt hauptsächlich die Definition und Verwendung des HTML-Frameset-Tags sowie die Verwendung der beiden Attribute des HTML-Frameset-Tags (mit Beispielen)

Zuerst Lassen Sie uns zunächst verstehen, was ein HTML-Frameset ist. Tags:

html Definition und Verwendung des Frameset-Tags:

Das Frameset-Element kann ein Frameset definieren. Es wird verwendet, um mehrere Fenster (Rahmen) zu organisieren. Für jedes Framework gibt es eine separate Dokumentation. In seiner einfachsten Anwendung gibt das Frameset-Element einfach an, wie viele Spalten oder Zeilen im Frameset vorhanden sind. Sie müssen die Attribute cols oder rows verwenden.

Die Rolle des HTML-Frameset-Tags:

Seine Rolle besteht darin, ein Frameset zum Organisieren mehrerer Frames und verschachtelter Framesets anzugeben.

Das FRAMESET-Element ist ein Container für FRAME-Elemente. Ein HTML-Dokument kann entweder ein FRAMESET-Element oder ein BODY-Element enthalten, jedoch nicht beides.

Wenn der Benutzer auf etwas im Webordner klickt, nachdem er ihn in einem Frame geöffnet hat, ersetzt die angeklickte Datei oder der angeklickte Ordner das gesamte Fenster. Angenommen, eine Seite enthält zwei Frames, von denen einer auf eine URL und der zweite auf ein Netzlaufwerk verweist. Wenn der Benutzer im zweiten Frame auf eine Datei oder einen Ordner klickt, aktiviert dieser Frame die Steuerelemente des gesamten Fensters, einschließlich des ersten Frames. Für Dateitypen, die der Browser nicht verarbeiten kann, wie z. B. *.txt-Dateien, wird das entsprechende Anwendungsfenster geöffnet.

Obwohl Webordner Teil der Dateisystemhierarchie sind, repräsentiert diese Technologie nicht immer den tatsächlichen Inhalt des Dateisystems. Ein typisches Beispiel ist Network Neighborhood.

Verwendungsbereich des HTML-Frameset-Tags:

Dieses Element ist in HTML in Microsoft® Internet Explorer 3.0 und in Skriptform in Internet Explorer 4.0 verfügbar.

Hinweis: Das

-Tag kann nicht mit dem -Tag verwendet werden. Wenn Sie jedoch ein -Tag für Browser hinzufügen müssen, die keine Frames unterstützen, befolgen Sie unbedingt das Tag-Paar , bevor Sie eines verwenden können des bekannten Labels. <p><strong>HTML <frameset>-Tag-Beispiel: </frameset></strong></p> <p>Einfache Seite mit drei Frames: </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">Nach dem Login kopieren</div></div><p><strong>HTML-Frameset-Tag-Tipps und Hinweise: </strong></p><p>Tipp: Es ist wichtig zu beachten, dass Benutzer in Browsern die Größe der Zeilen oder Spalten eines einzelnen Frame-Dokuments manuell ändern und somit den relativen Anteil jedes Frames in der Frame-Anzeige ändern können, sofern Sie dies nicht ausdrücklich angeben verhindert, dass der Browser dies tut. Um dies zu verhindern, können Sie das noresize-Attribut im <frame>-Tag verwenden. </p><p>Hinweis: Wenn Sie eine Seite validieren möchten, die Frames enthält, stellen Sie sicher, dass die DTD auf „Frameset DTD“ eingestellt ist. Lesen Sie mehr über die XHTML-Validierung. </p><p>Wichtig: Sie können das <body></body>-Tag nicht mit dem <frameset></frameset>-Tag verwenden. Wenn Sie jedoch ein <noframes>-Tag für Browser hinzufügen müssen, die keine Frames unterstützen, stellen Sie sicher, dass Sie das Tag innerhalb eines <body></body>-Tags platzieren! </p><p>Optionale Attribute des HTML-Frameset-Tags: </p><p><img src="https://img.php.cn//upload/image/223/354/882/1534468985971134.png" title="1534468985971134.png" alt="Wie verwende ich das HTML-Frameset-Tag? Detaillierte Erläuterung der HTML-Frameset-Tag-Attribute"/></p><p><strong>Standardattribute des HTML-Frameset-Tags: </strong></p><p>id , Klasse, Titel, Stil</p><p><strong>HTML <frameset> cols-Attribut und rows-Attribut des Tags</strong></p><p><strong>Die Funktion und Verwendung des HTML-Frameset-Tags: </strong>< Das 🎜></p><frameset>-Tag verfügt über ein erforderliches Attribut: entweder Zeilen oder Spalten, je nach Ihrer Wahl, die die Zeilen- oder Spaltengröße des Frames oder des verschachtelten Framesets im Dokumentfenster und die Anzahl definieren. <p></p>Beide Eigenschaften akzeptieren eine in Anführungszeichen gesetzte, durch Kommas getrennte Liste von Werten, die die absolute (Pixel) oder relative (Prozent oder verbleibender Platz) Breite des Rahmens (für Spalten) oder die absolute oder relative Höhe ( für Zeilen). Die Anzahl dieser Eigenschaftswerte bestimmt, wie viele Zeilen oder Spalten von Frames der Browser im Dokumentfenster anzeigt. <p></p>Wie bei Tabellen versucht der Browser, diese so nah wie möglich an den angegebenen Frameset-Abmessungen anzuzeigen. Der Browser erweitert jedoch nicht die Grenzen des Dokumentfensters, um Framesets aufzunehmen, die über die Ränder hinausgehen, und füllt das Fenster auch nicht mit leerem Raum, wenn der angegebene Frame nicht das gesamte Fenster ausfüllt. Stattdessen weist der Browser den Platz basierend auf der Größe eines Rahmens im Verhältnis zu anderen Rahmen in Zeilen und Spalten zu, sodass er das gesamte Dokumentfenster ausfüllt. (Ist Ihnen jemals aufgefallen, dass es in einem Hauptrahmendokument keine Bildlaufleisten gibt?) <p></p>Hier sind drei Beispiele: <p></p><p>Beispiel 1<strong></strong></p>Der folgende Code A Es wird ein dreizeiliger Rahmen erstellt: <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">Nach dem Login kopieren</div></div></p>Jede Zeile erstreckt sich über das gesamte Dokumentfenster. Der erste und letzte Frame sind auf eine Höhe von 150 Pixel eingestellt, die zweite Zeile auf eine Höhe von 300 Pixel. <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">Nach dem Login kopieren</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">Nach dem Login kopieren</div></div><p>上面的例子会生成一个宽为固定的 100 像素的列,然后再生成另一个框架列,该列会占据框架集中其余所有的空间。</p> <p>【相关推荐】</p> <p><a href="http://www.php.cn/div-tutorial-408459.html" target="_blank" title="HTML <fieldset> 标签的具体用法是什么?怎么用fieldset设置边框颜色?">HTML </a></p> <fieldset> 标签的具体用法是什么?怎么用fieldset设置边框颜色?<br><p><a href="http://www.php.cn/div-tutorial-408527.html" target="_blank" title="html textarea是什么意思?如何获取textarea标签中的换行符和空格?">html textarea是什么意思?如何获取textarea标签中的换行符和空格?</a><br></p> <p><br></p> </fieldset>

Das obige ist der detaillierte Inhalt vonWie verwende ich das HTML-Frameset-Tag? Detaillierte Erläuterung der HTML-Frameset-Tag-Attribute. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage