框架設計1

框架設計2 »

« 內置框架

Internet Explorer 6.0
Internet Explorer 7.0
Internet Explorer 8.0
Mozilla Firefox 2.0
Mozilla Firefox 3.0
Google Chrome
Safari 3.1
Opera 9.5

語法介紹 Introduction：

框架設計1 - 分割網頁成數個不同的網頁
語法總長度：190 字元

範例 Example：

┌───┬───────────┐
│　　　│　　　　　　　　　　　│
│　　　│　　　　　　　　　　　│
│　　　│　　　　　　　　　　　│
│網頁Ａ│　　　　網頁Ｂ　　　　│
│　　　│　　　　　　　　　　　│
│　　　│　　　　　　　　　　　│
│　　　│　　　　　　　　　　　│
└───┴───────────┘

請將以下程式碼貼到<body>與</body>之間：

<frameset cols="150,*">
<frame name="menu" src="網頁Ａ網址" frameborder="1" scrolling="yes" />
<frame name="content" src="網頁Ｂ網址" frameborder="1" scrolling="yes" />
</frameset>

可修改的地方 Modify：

修改框架的網址：
<frameset cols="150,*">
<frame name="menu" src="網頁Ａ網址" frameborder="1" scrolling="yes" />
<frame name="content" src="網頁Ｂ網址" frameborder="1" scrolling="yes" />
</frameset>
修改框架尺寸（150為網頁Ａ的寬度, *為150外其餘的寬度）：
<frameset cols="150,*">
<frame name="menu" src="網頁Ａ網址" frameborder="1" scrolling="yes" />
<frame name="content" src="網頁Ｂ網址" frameborder="1" scrolling="yes" />
</frameset>
設定是否顯示捲軸（yes - 顯示, no - 不顯示, auto - 視乎內容多少而定）：
<frameset cols="150,*">
<frame name="menu" src="網頁Ａ網址" frameborder="1" scrolling="yes" />
<frame name="content" src="網頁Ｂ網址" frameborder="1" scrolling="yes" />
</frameset>
設定是否顯示框架邊框（1 - 顯示, 0 - 不顯示）：
<frameset cols="150,*">
<frame name="menu" src="網頁Ａ網址" frameborder="1" scrolling="yes" />
<frame name="content" src="網頁Ｂ網址" frameborder="1" scrolling="yes" />
</frameset>
設定框架名稱：
<frameset cols="150,*">
<frame name="menu" src="網頁Ａ網址" frameborder="1" scrolling="yes" />
<frame name="content" src="網頁Ｂ網址" frameborder="1" scrolling="yes" />
</frameset>
防止瀏覽者改變框架大小：
<frameset cols="150,*">
<frame name="menu" src="網頁Ａ網址" frameborder="1" scrolling="yes" noresize="noresize" />
<frame name="content" src="網頁Ｂ網址" frameborder="1" scrolling="yes" noresize="noresize" />
</frameset>

關於魚蛋村．製作團隊．魚蛋村服務． XHTML 1.1 ． CSS 2.1 ．回到最頂