Frameset使用教程,使用frameset的好處_PHP教程

來源:互聯網
上載者:User

Frameset使用教程,使用frameset的好處


frame,是網頁開發必須掌握的知識。例如後台架構、局部重新整理,頁面分割,都是frame的用途表現,尤其是後台頁面製作,使用frame會給使用者帶來非常舒適的使用感受。frame知識點包括(frameset標籤、frame標籤、iframe標籤)。下面就對其一一介紹。 一、frameset

1. 屬性

①border

設定架構的邊框粗細。②bordercolor設定架構的邊框顏色。③frameborder設定是否顯示架構邊框。設定值只有0、1;0 表示不要邊框,1 表示要顯示邊框。④cols縱向分割頁面。其數值表示方法有三種:“30%、30(或者30px)、*”;數值的個數代表分成的視窗數目且數值之間用“,”隔開。“30%”表示該架構地區佔全部瀏覽器頁面地區的30%;“30”表示該地區橫向寬度為30像素;“*”表示該地區佔用餘下頁面空間。例如:cols="25%,200,*" 表示將頁面分為三部分,左面部分佔頁面30%,中間橫向寬度為200像素,頁面餘下的作為右面部分。⑤rows橫向分割頁面。數值表示方法與意義與cols相同。⑥framespacing設定架構與架構間的保留的空白距離。

2. 用例

注意1:cols與rows兩屬性盡量不要同在一個標籤中使用。若要實現架構,代碼正確寫法為: 【即,若想即使用cols又使用rows,可利用frameset嵌套實現】 注意2:意思是:第一個架構占整個瀏覽器視窗的40%,剩下的空間平均分配給另外兩個架構。意思是:瀏覽器視窗等分為四部分。 二、frame 1. 屬性①name設定架構名稱。此為必須設定的屬性。②src設定此架構要顯示的網頁名稱或路徑。此為必須設定的屬性。③scrolling設定是否要顯示捲軸。設定值為auto, yes, no。④bordercolor設定架構的邊框顏色。⑤frameborder設定是否顯示架構邊框。設定值只有0、1;0 表示不要邊框,1 表示要顯示邊框。⑥noresize設定架構大小是否能手動調節。⑦marginwidth設定架構邊界和其中內容之間的寬度。⑧marginhight設定架構邊界和其中內容之間的高度。⑨width設定架構寬度。⑩height設定架構高度。 2. 用例 三、iframe是浮動的架構(frame),其常用屬性與frame類似,其他的主要有以下(相同的就不列舉了) 1. 屬性①align設定垂直或水平對齊②allowTransparency設定或擷取對象是否可為透明。 2. 用例 注意:iframe標籤與frameset、frame標籤的驗證方法不同,是 XHTML 1.0 Transitional。且iframe是放在body標籤之內,而frameset、frame是放在body標籤之外。 四、綜合樣本綜合樣本<body><p>對不起,您的瀏覽器不支援&ldquo;架構&rdquo;!</p></body>【說明】標誌對也是放在標誌對之間,用來在那些不支援架構的瀏覽器中顯示文本或映像資訊。在此標誌對之間先緊跟標誌對,然後才可以使用我們熟悉的任何標誌。 最後需要說明一點:如果將代碼按照我以上所寫寫到VS中報錯的話,例如:或者解決方案如下: 工具→選項→文字編輯器→HTML→驗證→Internet Explorer 6.0 好了,通過以上內容,大家再多加練習,就會慢慢熟悉frame的相關知識了,用好了的話你會發現真的挺好。至於frame系欄標籤的事件方法,一般用的不是非常多,需要的話,大家自己再查吧。【呵呵,其實本人還沒有用到過】

http://www.bkjia.com/PHPjc/1048752.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/1048752.htmlTechArticleFrameset使用教程,使用frameset的好處 frame,是網頁開發必須掌握的知識。例如後台架構、局部重新整理,頁面分割,都是frame的用途表現,尤其是...

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.