通過使用框架,你可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱為一個框架,并且每個框架都獨立于其他的框架。
使用框架的壞處:
框架結構標簽(<frameset>)
Frame 標簽定義了放置在每個框架中的 HTML 文檔。
在下面的這個例子中,我們設置了一個兩列的框架集。第一列被設置為占據瀏覽器窗口的 25%。第二列被設置為占據瀏覽器窗口的 75%。HTML 文檔 "frame_a.htm" 被置于第一個列中,而 HTML 文檔 "frame_b.htm" 被置于第二個列中:
<html> <frameset cols="25%,75%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> </frameset> </html>
HTML基礎教程:框架基礎
過使用框架,你可以在同一個瀏覽器窗口中顯示不止一個頁面。
iframe語法:
<iframe src="URL"></iframe>
該URL指向不同的網頁。
Iframe - 設置高度與寬度
height 和 width 屬性用來定義iframe標簽的高度與寬度。
屬性默認以像素為單位, 但是你可以指定其按比例顯示 (如:"80%").
實例
<iframesrc="demo_iframe.htm"width="200"height="200"></iframe>
Iframe - 移除邊框
frameborder 屬性用于定義iframe表示是否顯示邊框。
設置屬性值為 "0" 移除iframe的邊框:
實例
<iframesrc="demo_iframe.htm"frameborder="0"></iframe>
使用iframe來顯示目錄鏈接頁面
iframe可以顯示一個目標鏈接的頁面
目標鏈接的屬性必須使用iframe的屬性,如下實例:
實例
<iframesrc="demo_iframe.htm"name="iframe_a"></iframe><p><a>RUNOOB.COM</a></p>
HTML iframe 標簽
標簽 | 說明 |
---|---|
<iframe> | 定義一個內聯的iframe |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
聯網的迅速發展,軟件行業成了更多年輕人的就業選擇。HTML5簡單易學門檻低,是Web時代前端開發超好用的工具。而HTML5開發人員的就業薪資也遠遠高于其他行業。
資料顯示,初級HTML5開發人員的平均薪資在8K-10K左右,擁有一定工作經驗的人薪資普遍達到15K-20K。如此廣闊的前景當然吸引了無數專業或非專業人士的加入。HTML5用途范圍廣,下面小編就來給大家分享常見的HTML5框架。
HTML5基礎入門之常見的HTML5框架有哪些?
1、Siimpler
Siimpler 是個簡單的 HTML 開發框架,他可以通過選擇你自己喜歡的部分,來幫助你迅速又簡單地創建 HTML5 開發結構。網絡設計者們也可以通過使用 Siimpler 框架類的文件和文件夾來無縫的開始一個 Web 項目。
2、Ionic
Ionic 是個神奇的框架和強大前端開源系統,使用先進的Web技術,比如CSS、HTML 和 JS 來創建令人驚嘆的手機應用。
3、Foundation
Foundation 是世界上精妙的前端響應框架,同時,它可以兼容所有的瀏覽器和網絡設備。Foundation 擁有移動友好型的用戶接口,設置了許多關鍵特性。
4、Enyo
Enyo是一個開源的 Jaa 框架,該框架能夠讓你創建頂級的 HTML5 應用程序,該應用程序能夠運行在各種各樣的電子設備上,比如說手機、臺式機、筆記本、電視以及Web應用。
5、LimeJS
針對于所有的新的桌面瀏覽器和觸屏設備,LimeJS 對于有用戶經驗的游戲開發者而言是教好的和較強大的開發框架。
6、Bootstrap
Bootstrap能讓所有開發者都能迅速上手、所有設備都可以適配、所有項目都適用。此外,bootstrap的官網也有很多教程提供。
7、juery UI
juery UI 主要分為交互、微件和效果庫3個部分,主打代碼開源,操作繼承了juery 的簡單特性,兼容各主流桌面瀏覽器。
前端HTML5是當下很多企業都會用到的軟件開發,HTML5是移動互聯網前端的主流開發語言,目前還沒有任何一種前端開發技術能夠取代HTML5。因此,無論是PC端還是APP端的應用,前端樣式都離不開HTML5.
從手機與電腦上網的使用率來看,從事HTML5或者Web相關的開發工作,就業前景還是比較可觀的。而且,現在的網站開發都往移動設備上轉移,所以HTML5或者Web前端是眾望所歸。
關注我的頭條號,分享更多的技術學習文章,我自己是一名從事了多年開發的web前端老程序員,目前辭職在做自己的web前端私人定制課程,今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨,各種框架都有整理,送給每一位前端小伙伴,想要獲取的可以關注我的頭條號并在后臺私信我:前端,即可免費獲取。
這7個框架,你都會用嗎?
*請認真填寫需求信息,我們會在24小時內與您取得聯系。