frameset

来源:互联网 发布:中国的战争潜力 知乎 编辑:程序博客网 时间:2024/05/20 17:59
  • frameset标签是成对出现的,以<frameset>开始,</frameset>结束
  • 在框架页中frameset代替了body标签,因此框架页中不能包含body
  • 使用框架时应该声明支持框架的文档类型<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

  • cols -- 定义了框架含有多少列与列的大小(每个值使用逗号分隔),取值为象素px或者百分比%
  • rows -- 定义了框架含有多少行与行的大小(每个值使用逗号分隔),取值为象素px或者百分比%
  • border -- 定义frame定义的框架页的边框(单位像素),使用css实现
  • frameborder -- 定义框架页是否边框(此属性应写在frame标签内部,不应在此出现)
  • framespacing -- 定义框架页之间间隔的距离,使用css实现
  1. <html>  
  2. <title>垂直框架的使用</title>  
  3. <frameset cols="25%,50%,25%">  
  4.   <frame src="/example/html/frame_a.html">  
  5.   <frame src="/example/html/frame_b.html">  
  6.   <frame src="/example/html/frame_c.html">  
  7. </frameset>  
  8. </html>  
  9.   
  10.   
  11. <html>  
  12. <title>水平框架的使用</title>  
  13. <frameset rows="25%,50%,25%">  
  14.   <frame src="/example/html/frame_a.html">  
  15.   <frame src="/example/html/frame_b.html">  
  16.   <frame src="/example/html/frame_c.html">  
  17. </frameset>  
  18. </html>  
  19.   
  20. <html>  
  21. <title>noframes框架的使用</title>  
  22. <frameset cols="25%,50%,25%">  
  23.   <frame src="/example/html/frame_a.html">  
  24.   <frame src="/example/html/frame_b.html">  
  25.   <frame src="/example/html/frame_c.html">  
  26. <noframes>  
  27. <body>您的浏览器无法处理框架!</body>  
  28. </noframes>  
  29. </frameset>  
  30. </html>  
  31.   
  32. <html>  
  33. <title>混合使用框架</title>  
  34. <frameset rows="50%,50%">  
  35. <frame src="/example/html/frame_a.html">  
  36. <frameset cols="25%,75%">  
  37. <frame src="/example/html/frame_b.html">  
  38. <frame src="/example/html/frame_c.html">  
  39. </frameset>  
  40. </frameset>  
  41. </html>  
  42.   
  43. <html>  
  44. <title>不能拖动改变框架大小的框架集</title>  
  45. <frameset cols="50%,*,25%">  
  46.   <frame src="/example/html/frame_a.html" noresize="noresize" />  
  47.   <frame src="/example/html/frame_b.html" />  
  48.   <frame src="/example/html/frame_c.html" />  
  49. </frameset>  
  50. </html>  
  51.   
  52. <html>  
  53. <title>导航框架集</title>  
  54. <frameset cols="120,*">  
  55. <frame src="/example/html/html_contents.html">  
  56. <frame src="/example/html/frame_a.html" name="showframe">  
  57. </frameset>  
  58. </html>  
  59.   
  60. <html>  
  61. <title>内联框架</title>  
  62. <body>  
  63. <iframe src="/i/eg_landscape.jpg"></iframe>  
  64. <p>一些老的浏览器不支持 iframe。</p>  
  65. <p>如果得不到支持,iframe 是不可见的。</p>  
  66. </body>  
  67. </html>  
  68.   
  69. <html>  
  70. <title>跳转至框架内的一个指定的节</title>  
  71. <frameset cols="20%,80%">  
  72.  <frame src="/example/html/frame_a.html">  
  73.  <frame src="/example/html/link.html#C10">  
  74. </frameset>  
  75. </html>  
  76.   
  77. <html>  
  78. <title>使用框架导航跳转至指定的节</title>  
  79. <frameset cols="180,*">  
  80. <frame src="/example/html/content.html">  
  81. <frame src="/example/html/link.html" name="showframe">  
  82. </frameset>  
  83. </html>