天天看點

frameset 與frame 設定的技巧

今天來寫點不一樣的。如下圖:

frameset 與frame 設定的技巧

實作的效果就是原生的類似于導航形式的frameset.

注意: 包含frameset的網頁應該隻是作為架構而存在,是以不能有body标簽。

這個标簽可以在任何一個浏覽器上展現出來。一般來說我們會使用這個标簽做成上圖的樣子。這樣友善給使用者一個更好的使用者體驗。

要想使用這個标簽我們需要掌握下面的一點小知識。那就是如何配置設定整個網頁。

cols : 縱向配置設定頁面,可以是相對的百分比形式(逗号分隔列與列即可)也可以是絕對的像素大小

rows :橫向配置設定頁面,其他的和cols一樣

name : 被分割的頁面的代稱。

src : 被分割的小頁面将會顯示出的html檔案的路徑名稱

frame标簽作為frameset的子标簽而存在,多個frame分割了整個網頁

frame在frameset中的name屬性的值将會被其他的超連結所引用。

這一點很重要,待會可以在一個小例子中看到。

noresize=”noresize” : 加上了這個屬性的frame的大小就不能被調整了。

架構:main.html

導航頁,出現在架構的左側: list.html

導航頁中使用到的網頁文本: one.html,two.html,three.html

<code>main.html</code>

<code>list.html</code>

<code>one.html/two.html/three.html</code> 由于頁面相似,這裡僅僅列出第二個吧。

frameset 與frame 設定的技巧

以及下面

frameset 與frame 設定的技巧

frameset與frame的配合使用在XX管理系統這種目标性強的業務場合比較常用,這裡僅僅是展示了最簡單的場景,我們在實際的開發中會使用JavaScript來實作互動性更強的頁面,以及配合各種CSS渲染來實作各種高大上的頁面效果。

希望這篇文章能給對此有迷惑的你一點啟發。

繼續閱讀