
首先我們先看看html5 frameset標簽的替代方案是什么:
頁面盡量少用 frameset 不利于被搜索引擎搜索到。
下面是在Visual Studio中對FrameSet與Frame的警告提示:
警告 驗證 (XHTML 1.0 Transitional): 不支持元素“frameset”。
警告 驗證 (XHTML 1.0 Transitional): 不支持元素“frame”。
新的HTML標準已經(jīng)不支持FrameSet與Frame元素,替代方式之一是用DIV配合IFrame與CSS替代FrameSet元素.IFrame根據(jù)不同的內(nèi)容,高寬自適應(yīng)其實很簡單,但是很多人沒有解決,其解決方法如下 即在onLoad方法中設(shè)置其高與寬即可 :
div id= navigation !--其中可以用asp.net中的TreeView,Menu等菜單控件或者用HTML的 u li 標記配合CSS,配置菜單可以在DataBase中動態(tài)讀取或者在XML中配置-- /div div id= content iframe id= contentIFrame name= Content src= XMLDataBinding.aspx scrolling= no frameborder= 0 onload= this.height=this.contentWindow.document.body.scrollHeight+5;this.width=this.contentWindow.document.body.scrollWidth+5; / /div
這么使用是在網(wǎng)上看到的比較好的方案之一了。
現(xiàn)在我們介紹下關(guān)于frameset標簽替代的解決辦法:(html5不支持frameset的,所以解決方法有以下兩種)
1.使用iframe,但是目前使用iframe的人已經(jīng)越來越少了,而且iframe在不同瀏覽器之間還有不兼容的情況。
2.使用jQuery的onload方法加載頁面,不過這種方法跳轉(zhuǎn)多個頁面后,點擊瀏覽器上方的后退前進是無效的,不過可以認為的添加一個返回按鈕。所以更流行的是這種方法:
看看關(guān)于frameset標簽的代碼實例說明:
!DOCTYPE HTML html head meta http-equiv= Content-Type content= text/html; charset=utf-8 / title div+css實現(xiàn)frameset效果 /title style type= text/css .header{border-bottom:1px solid #ccc;margin-bottom:5px;} .MainContainer{min-width:960px;max-width:1600px;} .sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px; padding:5px;}.main{float:left;margin-left:200px;padding:5px;} .content{padding:0 10px;} /style /head body div >上文代碼運行效果如下:

以上就是本篇關(guān)于HTML5 frameset標簽的替代方案,還有替代后的解決辦法實例解析。有問題的可以在下方提問
【小編推薦】
HTML5 meter標簽什么意思?meter標簽的用法詳解
html中的注釋怎么寫?html中的注釋符號又是什么?(附實例)
以上就是html5 frameset標簽的替代方案是什么?frameset標簽替代的解決辦法的詳細內(nèi)容,其它編程語言
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。
新聞熱點
疑難解答