溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
框架已經(jīng)存在很長時間了，每個已知的瀏覽器都支持。雖然有些人認(rèn)為它們很煩人，設(shè)計(jì)得很好，但在瀏覽網(wǎng)站時，框架可能非常有用。在本教程中，我們將討論如何實(shí)現(xiàn)框架，并完成如何創(chuàng)建無邊框框架，以及如何創(chuàng)建將內(nèi)容加載到另一個框架的鏈接。
創(chuàng)建框架所需要知道的一切
所有幀都使用<frameset>標(biāo)記創(chuàng)建。這基本上構(gòu)成了“主”頁面，它將“包含”用戶實(shí)際看到的頁面。帶有<frameset>標(biāo)記的“master”頁面將替換<body>標(biāo)記，這意味著您不要在此母版頁內(nèi)的任何位置使用<body>標(biāo)記。這個母版頁配有“放入”其中的各個頁面。好的，讓我們來看看這是如何完成的：以下示例創(chuàng)建一個包含兩個框架的頁面：
//母版頁 <HTML> <HEAD> <title>我的例子</ title> </ HEAD><frameset cols =“30％，50％”><frame src =“page1.htm”> <frame src =“page2.htm”></ frameset> </ html> |
Page1.htm和Page2.htm作為“普通”html頁面單獨(dú)創(chuàng)建，并包含在此母版頁中。我們使用關(guān)鍵字“cols”來表示我們要定義列框架。要改為創(chuàng)建行，只需使用關(guān)鍵字“rows”：
<html> <frameset rows =“50％，50％”><frame src =“page1.htm”> <frame src =“page2.htm”></ frameset> </ html> |
在這兩個例子中，我們使用百分比作為寬度測量。您也可以謹(jǐn)慎使用像素，但是：
<html> <frameset cols =“100,200,340”><frame src =“page1.htm”> <frame src =“page2.htm”> <frame src =“page3.htm”></ frameset> </ html> |
如果您將總寬度（100 + 200 + 340 = 640）相加，這將等于分辨率為640 * 480的屏幕寬度。大多數(shù)14'屏幕都設(shè)置為這樣，但人們?nèi)绾问褂茫?00 * 600）的屏幕分辨率？如果它們出現(xiàn)，您的框架頁面將如何顯示？好吧，瀏覽器別無選擇，只能將寬度拉伸到640以上，以適應(yīng)這個更大的屏幕。（根據(jù)用戶的屏幕分辨率，使用百分比定義的所有幀都將被拉伸，（或縮小）。這可能會給開發(fā)人員帶來麻煩，因?yàn)槟肋h(yuǎn)不知道如何顯示幀。這是否意味著你永遠(yuǎn)不應(yīng)該使用像素？絕對不。讓我們看看我們?nèi)绾慰朔@個問題：
<HTML> <frameset cols =“100,200，* ”> <frame src =“page1.htm”> <frame src =“page2.htm”> <frame src =“page3.htm”> </ FRAMESET> </ HTML> |
我們使用了一個特殊的關(guān)鍵字“*”，這意味著未定義。通過使用它，如果需要，只有這部分將被拉伸。另外兩個，100和200，不會被無意中拉長。這樣，您可以在右側(cè)框架上保留所有頁面的布局，這些布局不希望在左側(cè)兩個框架上拉伸，也可以使用它。
創(chuàng)建復(fù)雜的框架：
到目前為止，我們只創(chuàng)建了簡單的所有列或所有行，幀。現(xiàn)在讓我們繼續(xù)前進(jìn)到兩者，我們呢？
定義具有列和行的幀的關(guān)鍵是在主頁中放置多對<frameset> </ frameset>標(biāo)記，每對包含“cols”或“rows”聲明。這可能會有點(diǎn)棘手，所以我將嘗試使用多個示例進(jìn)行解釋。讓我們開始切片
<HTML> <frameset cols =“50％，50％”> <frameset rows =“50％，50％”> <frame src =“page1.htm”> <frame src =“page2.htm”> </ frameset> <frame src =“page3.htm”> </ FRAMESET> </ HTML> |
好的，到底是怎么回事？首先，在藍(lán)色中，我們定義了兩列。然后，對于第一列，我們將更多切成兩行。正如您所看到的，行和列“chunk”都以</ frameset>標(biāo)記結(jié)尾，準(zhǔn)確地說是兩個。就像我說的那樣，我們通過定義cols =“50％，50％”開始了“框架”。讓我們看看如果我們首先定義行而不是反過來會發(fā)生什么：
//母版頁 <HTML> <frameset rows =“50％，50％”> <frameset cols =“50％，50％”> <frame src =“page1.htm”> <frame src =“page2.htm”> </ FRAMESET> <frame src =“page3.htm”> </ FRAMESET> </ HTML> |
如您所見，完全不同的結(jié)果！困惑？這是一個值得記住的好規(guī)則：無論何時切割一個框架，無論是切割成一列還是一行，切片都會切片，直到它碰到“墻”。
復(fù)雜框架分步示例：
讓我們充分利用上述規(guī)則。記住這條規(guī)則可以省去很多麻煩。好吧，假設(shè)我們想要創(chuàng)建一個這樣的框架：
這可能看起來勢不可擋，但如果你把壽司規(guī)則牢牢地放在腦海中，那你就沒事了。我們該怎么做呢？從行開始？列？好吧，首先取出我們的刀，并記住，這把刀將繼續(xù)切片，直到它撞到“墻”。如果我們從行開始，我們會有這樣的事情：
這把壽司刀一直切割直到遇到障礙物，在這種情況下，是頁面的邊緣。如您所見，從使用行開始將無法實(shí)現(xiàn)我們期望的目標(biāo)。
好吧，讓我們從列開始：
<HTML> <FRAMESET COLS = “33％，17％，17％，17％，17％”> </ FRAMESET> </ HTML> |
到現(xiàn)在為止還挺好?，F(xiàn)在我們需要將第一列拆分為兩行。請記住，這把瑞士刀不是很鋒利，所以它不會穿過第一列的墻壁。
<HTML> <FRAMESET COLS = “33％，17％，17％，17％，17％”><frameset rows =“50％，50％”> <frame src =“page1.htm”> <frame src =“page2.htm”> </ FRAMESET></ FRAMESET> </ HTML> |
如您所見，“行”部分嵌套在“cols”部分中，因?yàn)樾惺橇新暶鞯摹白硬糠帧薄?/p>
讓我們繼續(xù)我們的壽司切碎，好嗎？
<HTML> <FRAMESET cols =“33％，17％，17％，17％，17％”> <frameset rows =“50％，50％”> <frame src =“page1.htm”> <frame src =“page2.htm”> </ FRAMESET><frame src =“page3.htm”> <frame src =“page4.htm”></ FRAMESET> </ HTML> |
最后：
<HTML> <FRAMESET cols =“33％，17％，17％，17％，17％”> <frameset rows =“50％，50％”> <frame src =“page1.htm”> <frame src =“page2.htm”> </ FRAMESET> <frame src =“page3.htm”> <frame src =“page4.htm”><frameset rows =“50％，50％”> <frame src =“5.htm”> <frame src =“6.htm”> </ FRAMESET><frame src =“7.htm”></ FRAMESET> </ HTML> |
我知道這可能非常令人困惑，但是通過自己玩它來學(xué)習(xí)它的最佳方式...所以打開你的編輯器，嘗試一下！好吧，我們已經(jīng)了解了框架的整體結(jié)構(gòu) - 讓我們繼續(xù)看看我們可以添加到框架中的一些屬性，并掌握從一個框架到另一個框架的鏈接和加載內(nèi)容的藝術(shù)。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
