當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


HTML frameset用法及代碼示例

HTML中的<frameset>標記用於定義框架集。 <frameset>元素包含一個或多個frame元素。它用於指定幀集中行和列的數量以及它們的空格像素。每個元素可以保存一個單獨的文檔。

注意:HTML5不支持<frameset>標記。

用法:

<frameset cols = "pixels|%|*">

屬性:框架集屬性的列表如下:

  • cols:cols屬性用於在Web瀏覽器中創建垂直框架。此屬性本質上用於定義frameset標簽內的列數及其大小。
  • rows:rows屬性用於在Web瀏覽器中創建水平框架。此屬性用於在frameset標簽內定義行數及其大小。
  • border:frameset標簽的此屬性定義每個幀的邊框寬度(以像素為單位)。零值用於無邊界。
  • frameborder:frameset標簽的此屬性用於指定是否在幀之間顯示三維邊框,為此,使用兩個值0和1,其中0定義為無邊框,值1表示為是,將存在邊框。
  • framespacing:frameset標簽的此屬性用於指定框架集中框架之間的間距。這可以采用任何整數值作為參數,該參數本質上表示像素值。

以下示例說明了HTML中的<frameset>元素:



範例1:

<!DOCTYPE html>  
<html>  
    <head>  
        <title>frameset attribute</title>  
    </head>  
      
    <!-- frameset attribute starts here -->    
    <frameset rows = "20%, 60%, 20%">  
        <frame name = "top" src = "attr1.png" />  
        <frame name = "main" src = "gradient3.png" />  
        <frame name = "bottom" src = "col_last.png" />  
        <noframes>  
            <body>The browser you are working does not 
                                  support frames.</body>  
        </noframes>  
    </frameset>  
    <!-- frameset attribute ends here -->
</html>                                

輸出:
上麵的示例本質上用於使用frameset標簽的row屬性創建三個水平框架:頂部,中間和底部,而noframe標簽用於不支持noframe的瀏覽器。

範例2:

<!DOCTYPE html> 
<html>      
    <head>  
        <title>frameset attribute</title>  
    </head>  
          
    <frameset cols = "30%, 40%, 30%">  
        <frame name = "top" src = "attr1.png" />  
        <frame name = "main" src = "gradient3.png" />  
        <frame name = "bottom" src = "col_last.png" />          
        <noframes>  
            <body>The browser you are working does 
            not support frames.</body>  
        </noframes>  
    </frameset>  
</html>                                    

輸出:
上麵的示例主要用於使用frameset標簽的col屬性創建三個垂直框架:左,中和右。

支持的瀏覽器:<frameset>標簽支持的瀏覽器如下:

  • 穀歌瀏覽器
  • IE瀏覽器
  • Firefox
  • Opera
  • Safari




相關用法


注:本文由純淨天空篩選整理自Chandu_Siddartha大神的英文原創作品 HTML | frameset Tag。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。