web前端之HTML的大框架 body元素與frameset元素 對於從事html的人員來說,我們一般熟悉的框架是先聲明html ,然後在<html>標簽對里包著<head>標簽對和<body>標簽對,body元素定義文檔的主體,包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等)。而我們想 ...
web前端之HTML的大框架
body元素與frameset元素
對於從事html的人員來說,我們一般熟悉的框架是先聲明html ,然後在<html>標簽對里包著<head>標簽對和<body>標簽對,body元素定義文檔的主體,包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等)。而我們想要在頁面中顯示出來的內容全部寫在<body>標簽對里。
例如:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<p>頁面中能顯示出來</p>
</body>
</html>
但是還有另外一個大框架,就是<frameset>標簽對,它被用來組織多個視窗(框架),不常用,估計也很少人知道的,不多說 上代碼演示:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<frameset cols="25%,50%,25%">
<frame style="background-color: yellow ">
<frame style="background-color: green ">
<frame style="background-color: lightbl ">
</frameset>
</html>
在其最簡單的應用中,<frameset>標簽對僅僅會規定在框架集中存在多少列或多少行,必須使用 cols 或 rows 屬性。 代碼中的cols表示的是所分的列,用相對寬度來表示的,第一列占整體寬度的25%,第二列占整體寬度的50%,第三列占整體寬度的25%,分別加上不同的背景色,看起來更明確。類似的也可以分成若幹行rows 來劃分整體的高度。如果所分的行或是列不能完全占據整體的寬度或是高度,就在最後加一個 * 來劃分剩餘的寬度或是高度。 <frameset>每個框架存有獨立的文檔,可以用src屬性來調取,例如<frame src="a.html">就在一個框架中調取了 a.html文件。
需要註意的是 :不能與 <frameset></frameset> 標簽一起使用 <body></body> 標簽,它們是歸屬不同的框架架構。不過,如果需要為不支持框架的瀏覽器添加一個 <noframes> 標簽,請務必將此標簽放置在 <body></body> 標簽中!