前端學習 -- Html&Css -- 框架組

來源:互聯網
上載者:User

標籤:標籤   alt   set   title   搜尋引擎   tle   row   瀏覽器   position   

框架組和內聯架構的作用類似,都是用於在一個頁面中引入其他的外部的頁面,框架組可以同時引入多個頁面,而內聯架構只能引入一個,在h5標準中,推薦使用框架組,而不使用內聯架構。

使用frameset來建立一個框架組,注意frameset不能和body出現在同一個頁面中,所以要使用框架組,頁面中就不可以使用body標籤。

屬性:

  1. rows,指定框架組中的所有的架構,一行一行的排列;
  2. cols, 指定框架組中的所有的頁面,一列一列的排列。


這兩個屬性frameset必須選擇一個,並且需要在屬性中指定每一部分所佔的大小。

frameset中也可以再嵌套frameset。

frameset和iframe一樣,它裡邊的內容都不會被搜尋引擎所檢索,所以如果搜尋引擎檢索到的頁面是一個架構頁的話,它是不能去判斷裡邊的內容的,使用框架組則意味著頁面中不能有自己的內容,只能引入其他的頁面,而我們每單獨載入一個頁面,瀏覽器都需要重新發送一次請求,引入幾個頁面就需要發送幾次請求,使用者的體驗比較差,如果非得用建議使用frameset而不使用iframe。

demo:

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>        <frameset cols="30% , * , 30%">            <frame src="lesson18.html" />            <frame src="NavigationBar.html" />            <frameset rows="30%,50%,*">                <frame src="RelativePosition.html" />                <frame src="Table.html" />                <frame src="ZindexAndOpacity.html" />            </frameset>        </frameset></html>

效果:

github地址:https://github.com/soyoungboy/htmlCssStudy/blob/master/HelloHBuilder/frameset.html

刻運行下看看實際效果

 

前端學習 -- Html&Css -- 框架組

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.