軟體測試工程師之必備html知識，框架的設計
框架和表單設計： 什麼是框架：將瀏覽器劃分為不同的部位，每一部分載入不同的網頁，實現同一個瀏覽器視窗載入多個頁面的效果
注意：寫的位置在body的上面部位，如果寫在body裡面，是不能執行的，放在body外面都可以執行
同時，frame標記必須要放在frameset 裡面
例子：左中右是cols 如果是上中下 就是 rows，一個瀏覽器實現開啟3個頁面的效果
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>框架</title> </head> <frameset cols="25%,25%,50%"> <frame src="http://www.baidu.com" /> <frame src="http://www.taobao.com" /> <frame src="http://www.jingdong.com" /> </frameset> <body> </body> </html>
執行效果如圖所示：
frame必須要寫在frameset裡面，分成幾份，寫幾個frame
通過框架的方式實現以下介面，將頁面分成3分，上面一份，下面兩份，如圖：
1：分成3份
2：點選公司簡介，右邊出來對應的內容
程式碼如下：需要建立3個html介面，左邊的 左邊html /右邊的 右邊html/第三章html
主頁面程式碼如下： <!DOCTYPE html>
<html> <head> <meta charset="UTF-8"> <title>首頁</title> </head>
<frameset rows="20%,*" frameborder="yes" border="1"> <frame src="logo.html"/> <frameset cols="20%,*"> <frame src="左邊.html" /> <frame src="右邊.html" name="mainframe" noresize= "size" scrolling="no"> </frameset> </frameset> <body> </body>
</html>
左邊html： <!DOCTYPE html>
<html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="https://www.baidu.com/" target="mainframe">百度</a><br /> <a href="https://www.taobao.com/" target="mainframe">淘寶</a><br /> <a href="https://www.jd.com/" target="mainframe">京東</a><br /> <a href="註冊.html" target="_parent">登陸</a><br /> <a href="登陸.html" target="_blank">註冊</a><br />
</body> </html>
點選頁面連結，進入頁面2，如圖
