html5 frameset標籤的替代方案是什麼？ frameset標籤替代的解決辦法-H5教程-PHP中文網

首頁

web前端

H5教程

html5 frameset標籤的替代方案是什麼？ frameset標籤替代的解決辦法

寻∝梦

Sep 01, 2018 pm 12:01 PM

html5

本篇文章主要的介紹了關於html5 frameset標籤的替代方案實例解析，還有關於html5 frameset標籤的兩個解決辦法，現在讓我們一起來看這篇文章吧

# #首先我們先看看html5 frameset標籤的替代方案是什麼：

頁面盡量少用frameset 不利於被搜尋引擎搜尋到。

以下是在Visual Studio中對FrameSet與Frame的警告提示:

警告驗證 (XHTML 1.0 Transitional): 不支援元素「frameset」。

警告驗證 (XHTML 1.0 Transitional): 不支援元素「frame」。

新的HTML標準已經不支援FrameSet與Frame元素,替代方式之一是用DIV配合IFrame與CSS取代FrameSet元素.IFrame根據不同的內容,高寬自適應其實很簡單,但是很多人沒有解決,其解決方法如下:

<div id="navigation">
<!--其中可以用asp.net中的TreeView,Menu等菜单控件或者用HTML的<u><li>标记配合CSS,配置菜单可以在DataBase中动态读取或者在
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>

這麼使用是在網上看到的比較好的方案之一了。

現在我們介紹下關於frameset標籤替代的解決方法：（html5不支援frameset的，所以解決方法有以下兩種）

1.使用iframe，但是目前使用iframe的人已經越來越少了，而且iframe在不同瀏覽器之間還有不相容的情況。

2.使用jQuery的onload方法載入頁面，不過這種方法跳轉多個頁面後，點擊瀏覽器上方的後退前進是無效的，不過可以認為的添加一個返回按鈕。所以更流行的是這種方法：

看看關於frameset標籤的程式碼實例說明：

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>div+css实现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 class="page"><div class="header"><div id="title">
        <h1 id="顶部">顶部</h1>
        </div></div>
        <div class="MainContainer"><div class="sidebar">边栏</div>
        <div id="main" class="main">内容</div></div>
    </div>
    </body>
</html>

上文程式碼運行效果如下：

html5 frameset標籤的替代方案是什麼？ frameset標籤替代的解決辦法

以上就是本篇關於HTML5 frameset標籤的替代方案，還有替代方案的實例解析。有問題的可以在下方提問

【小編推薦】

HTML5 meter標籤什麼意思？ meter標籤的用法詳解

html中的註解怎麼寫？ html中的註釋符號又是什麼？（附實例）

以上是html5 frameset標籤的替代方案是什麼？ frameset標籤替代的解決辦法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

html5的div一行可以放两个吗Apr 25, 2022 pm 05:32 PM

html5的div元素默认一行不可以放两个。div是一个块级元素，一个元素会独占一行，两个div默认无法在同一行显示；但可以通过给div元素添加“display：inline;”样式，将其转为行内元素，就可以实现多个div在同一行显示了。

html5中列表和表格的区别是什么Apr 28, 2022 pm 01:58 PM

html5中列表和表格的区别：1、表格主要是用于显示数据的，而列表主要是用于给数据进行布局；2、表格是使用table标签配合tr、td、th等标签进行定义的，列表是利用li标签配合ol、ul等标签进行定义的。

html5怎么让头和尾固定不动Apr 25, 2022 pm 02:30 PM

固定方法：1、使用header标签定义文档头部内容，并添加“position:fixed;top:0;”样式让其固定不动；2、使用footer标签定义尾部内容，并添加“position: fixed;bottom: 0;”样式让其固定不动。

html5中不支持的标签有哪些Mar 17, 2022 pm 05:43 PM

html5中不支持的标签有：1、acronym，用于定义首字母缩写，可用abbr替代；2、basefont，可利用css样式替代；3、applet，可用object替代；4、dir，定义目录列表，可用ul替代；5、big，定义大号文本等等。

HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制，它只是一个矩形的图形容器，绘制图形必须通过脚本（通常是JavaScript）来完成；开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表，一般和li标签配合使用，在dir标签对中通过li标签来设置列表项，语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir，可使用ul标签取代。

Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法：1、给td元素添加“border:none”无边框样式即可，语法“td{border:none}”。2、给td元素添加“border:0”样式，语法“td{border:0;}”，将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式，语法“td{border:transparent;}”，将td边框的颜色设置为透明即可。