frameset 標籤 -- 代替body標籤定義了框架頁,並且定義了框架將分爲多少行與多少列
- frameset標籤是成對出現的,以
<frameset>開始,</frameset>結束 - 在框架頁中frameset代替了body標籤，因此框架頁中不能包含body
- 使用框架時應該聲明支持框架的文檔類型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> - 引用網址:http://www.dreamdu.com/xhtml/tag_frameset/
- 屬性:
- Common-- 一般屬性
cols-- 定義了框架含有多少列與列的大小(每個值使用逗號分隔),取值爲象素px或者百分比%rows-- 定義了框架含有多少行與行的大小(每個值使用逗號分隔),取值爲象素px或者百分比%- border -- 定義frame定義的框架頁的邊框(單位像素),使用css實現
- frameborder -- 定義框架頁是否邊框(此屬性應寫在frame標籤內部,不應在此出現)
- framespacing -- 定義框架頁之間間隔的距離,使用css實現
-
frameset中rows與cols取值方法
當一個框架只有一行或一列時，那麼它們對應的數值都是100%.
一個確定的值(單位像素)
例如:
50定義了上行,中行與下行,並且它們各佔50px?
<framesetrows="50, 50, 50">上面的解釋是錯誤的,通過下面的示例我們會發現瀏覽器被三(平均)分了，所以要定義三行各佔50像素應
<frameset rows="50, 50, 50, *">這樣定義。一個相對於瀏覽器窗口的百分比的值
例如:
50%定義了上行與下行,並且它們各佔頁面的50%
<framesetrows="50%, 50%">使用星號(剩餘的窗體)
例如:
*定義了上行爲50像素,下行佔除了50像素的剩餘窗體
<framesetrows="50, *">使用相對百分比定義
例如:
1*定義了上行爲窗體高度的25%,下行爲窗體高度的75%
<framesetrows="1*, 3*">更加複雜的示例
定義了水平的前,中,後列,中列爲250px象素,前列與後列分別佔剩餘的25%與75%
<framesetcols="1*,250,3*">定義了一個2行*3列的框架
<framesetrows="30%,70%"cols="33%,34%,33%">下面這個例子我們假設頁面高1000px,第一行的30%爲300px,中上行爲400px,剩下的300px被下面兩個分配,"2*"是兩倍的意思,"*"等價與"1*",所以中下行爲100px,下行爲200px
<framesetrows="30%,400,*,2*">noframes 標籤 -- 對不支持框架的設備進行提示,或相關操作示例
<framesetcols="50%,25%,25%"><framesrc="http://www.dreamdu.com/xhtml/"><framesrc="http://www.dreamdu.com/css/"><framesrc="http://www.dreamdu.com/javascript/"><noframes><body><p>夢之都使用了框架技術，但是您的瀏覽器不支持框架，請升級您的瀏覽器以便正常訪問夢之都。</p></body></noframes></frameset>iframe 標籤 -- HTML內聯框架框架常用在需要導航的網頁結構中，比如一個窗口分爲兩個框架頁(導航框架頁與內容框架頁)，通過點擊導航框架頁的鏈接，可以顯示不同的內容框架頁。在框架頁中可以實現相互的鏈接。此功能需要使用鏈接a的target屬性,與鏈接的name屬性。- iframe標籤是成對出現的,以
<iframe>開始,</iframe>結束 - iframe標籤內的內容可以做爲瀏覽器不支持iframe標籤時顯示
- 引用網址:http://www.dreamdu.com/xhtml/tag_iframe/
- 屬性
- Common -- 一般屬性
name-- 定義了內容頁名稱,此名稱在框架頁內鏈接時使用到src-- 定義了內容頁URL(同frame標籤)- frameborder -- 定義了內容頁的邊框,取值爲(1|0),缺省值爲1
1-- 在每個頁面之間都顯示邊框0-- 不顯示邊框
height-- 框架的高度,取值像素或百分比width-- 框架的寬度,取值像素或百分比marginwidth-- 定義了框架中HTML文件顯示的左右邊界的寬度,取值爲px,缺省值由瀏覽器決定marginheight-- 定義了框架中HTML文件顯示的上下邊界的寬度,取值爲px,缺省值由瀏覽器決定- scrolling -- 定義是否有滾動條,取值爲(
yes|no|auto),缺省值爲autoyes-- 顯示滾動條no-- 不顯示滾動條auto-- 當需要時再顯示滾動條
align-- 垂直或水平對齊方式longdesc-- 定義框架頁的說明
引用網址:http://www.dreamdu.com/xhtml/frames_a/
示例
<framesrc="http://www.dreamdu.com/xhtml/"name="show"/><p><ahref="http://www.dreamdu.com/xhtml/"target="show">tag a</a></p>框架可以嵌套，可以實現網頁的分層。
<framesetrows="20%, *, 15%"><framesrc="http://www.dreamdu.com/xhtml/exe_framesetnest/top/"/><framesetcols="20%, *"><framesrc="http://www.dreamdu.com/xhtml/exe_framesetnest/siderbar/"/><framesrc="http://www.dreamdu.com/xhtml/"name="show"/></frameset><framesrc="http://www.dreamdu.com/xhtml/exe_framesetnest/bottom/"/><noframes><body><p>夢之都使用了框架技術，但是您的瀏覽器不支持框架，請升級您的瀏覽器以便正常訪問夢之都。</p></body></noframes></frameset>上面是一個經典的示例，定義了三行兩列的框架。一個頁面通常分爲上部，中部與下部，而中部又分爲左側導航與右側內容。
- iframe標籤是成對出現的,以