位置：首頁(yè) > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

內(nèi)聯(lián)框架 HTML

提問人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-10

HTML4中，布局可以使用框架<frame>和<frameset>。由于框架對(duì)網(wǎng)頁(yè)可用性存在負(fù)面影響，在HTML5中不再支持<iframe>和<framsest>，但保留了內(nèi)聯(lián)框架<iframe>。

<iframe>元素可以用來創(chuàng)建包含在另一個(gè)文檔中的浮動(dòng)窗口，稱為內(nèi)聯(lián)框架或內(nèi)嵌窗口等，簡(jiǎn)單講就是在一個(gè)頁(yè)面上開辟一個(gè)窗口，在這個(gè)窗口中可以嵌入顯示其他的HTML文檔，類似于“畫中畫”的感覺。

基本語(yǔ)法：

<iframe src="URL">...</iframe>

語(yǔ)法說明：

src屬性用來指定在<iframe>中顯示的文檔URL。在HTML4中<iframe>標(biāo)記有很多屬性，但是在HTML5中僅僅支持src屬性。

某些舊版瀏覽器可能不支持<iframe>元素開始和結(jié)束標(biāo)記之間的內(nèi)容。

本例在網(wǎng)頁(yè)5-8-1.html中加入內(nèi)聯(lián)框架，嵌入網(wǎng)頁(yè)5-8-2.html。

5-8-1.html代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>內(nèi)聯(lián)框架</title>

</head>

<body>

<h2>內(nèi)聯(lián)框架示例</h2>

<p>例5-8-1.html中內(nèi)容</p>

<iframe class="s" src="5-8-2.html">

     <a href="5-8-2.html">你的瀏覽器不支持內(nèi)聯(lián)框架iframe，請(qǐng)單擊這里訪問頁(yè)面內(nèi)容。</a>

</iframe>

</body>

</html>

5-8-2.html代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>嵌入的頁(yè)面</title>

</head>

<body>

<h1>嵌入的頁(yè)面</h1>

<p>例5-8-2.html的內(nèi)容</p>

</body>

</html>

繼續(xù)查找其他問題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部