ホームページ > 記事 > ウェブフロントエンド > HTML フレーム (Frame) を導入すると何の役に立つのでしょうか?
HTML フレーム (Frame) を導入すると何の役に立つのでしょうか?
- 零下一度オリジナル
- 2017-05-02 15:16:282879ブラウズ
使用框架(Frame)，你可以在浏览器窗口同时显示多个网页。每个Frame里设定一个网页，每个Frame里的网页相互独立。
Frameset
f900b4fc197b16ab214eecf015bb6bd2eb5f059992a0ae0ef16884cb75644e40决定如何划分Frame。f900b4fc197b16ab214eecf015bb6bd2有cols属性和rows属性。使用cols属性，表示按列分布Frame；使用rows属性，表示按行分布Frame。
Frame
用04a0d55efbbfd646a993fbc01f262c57这个Tag设定网页。04a0d55efbbfd646a993fbc01f262c57里有src属性，src值就是网页的路径和文件名。
下面的代码的目的是：将Frameset分成2列，第一列25%，表示第一列的宽度是窗口宽度的25%；第二列75%，表示第一列的宽度是窗口宽度的75%。第一列中显示a.html，第二列中显示b.html。
<frameset cols="25%,75%"> <frame src="../asdocs/html_tutorials/Frame_a.html"> <frame src="../asdocs/html_tutorials/Frame_b.html"> </frameset>
Iframe
Iframe是Inline Frame的意思，用d5ba1642137c3f32f4f4493ae923989c065276f04003e4622c4fe6b64f465b88可以将Frame置于一个HTML文件内。
示例
<html> <frameset cols="25%,50%,25%"> <frame src="../asdocs/html_tutorials/Frame_a.html"> <frame src="../asdocs/html_tutorials/Frame_b.html"> <frame src="../asdocs/html_tutorials/Frame_c.html"> </frameset> </html>
这个例子显示如何在浏览器里同时显示三个网页，三个网页是按列分布的。
<html> <frameset rows="25%,50%,25%"> <frame src="../asdocs/html_tutorials/Frame_a.html"> <frame src="../asdocs/html_tutorials/Frame_b.html"> <frame src="../asdocs/html_tutorials/Frame_c.html"> </frameset> </html>
这个例子显示如何在浏览器里同时显示三个网页，三个网页是按行分布的。
混合Frameset
<html> <frameset rows="50%,50%"> <frame src="../asdocs/html_tutorials/Frame_a.html"> <frameset cols="25%,75%"> <frame src="../asdocs/html_tutorials/Frame_b.html"> <frame src="../asdocs/html_tutorials/Frame_c.html"> </frameset> </frameset> </html>
这个例子既用到了cols属性，又用到了rows属性，将Frame进行灵活分布。
Frameset中的noresize属性
<html> <frameset rows="50%,50%"> <frame noresize="noresize" src="../asdocs/html_tutorials/Frame_a.html"> <frameset cols="25%,75%"> <frame noresize="noresize" src="../asdocs/html_tutorials/Frame_b.html"> <frame noresize="noresize" src="../asdocs/html_tutorials/Frame_c.html"> </frameset> </frameset> </html>
使用Noresize属性可以确保Frame的大小。如果不使用noresize属性，你可以用鼠标移动Frame的边界，来改变Frame的大小，如果设置了noresize属性，就不能移动边界了。
Frame用于导航
<html> <frameset cols="120,*"> <frame src="../asdocs/html_tutorials/framelist.html"> <frame src="../asdocs/html_tutorials/Frame_a.html" name="showframe"> </frameset> </html>
这个例子演示如何建立一个用于导航的Frame。这个导航Frame包含一个HTML，这个HTML（代码如下）包含了一个网页列表。点击网页列表中的任何一项，就会在第二个Frame中显示点击中的网页。
<HTML> <HEAD> <TITLE> humorlist.html </TITLE> </HEAD> <BODY> <p><a href = "../asdocs/html_tutorials/Frame_a.html" target="showframe">笑话一<a></p> <p><a href = "../asdocs/html_tutorials/Frame_b.html" target="showframe">笑话二<a></p> <p><a href = "../asdocs/html_tutorials/Frame_c.html" target="showframe">笑话三<a></p> </BODY> </HTML>
Iframe的使用
<html> <body> <p>用 IFRAME 可以在HTML文件里显示另一个网页。</p> <p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p> <iframe src="../asdocs/html_tutorials/Frame_a.html"></iframe> </body> </html>
这个例子显示如何在一个HTML文件里用iframe嵌入一个网页。
以上がHTML フレーム (Frame) を導入すると何の役に立つのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。