HTML框架
通过使用框架,可以在同一个浏览器窗口中显示不止一个页面。
每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。
使用框架的坏处:
- 开发人员必须同时跟踪更多的HTML文档
- 很难打印整张页面
框架结构标签<frameset>:
- 框架集标签(
<frameset>)定义如何将窗口分割为框架。 - 每个
< frameset>定义了一系列行rows或列columns。 -
rows/columns的值规定了每行或每列占据屏幕的面积。
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
框架标签<frame>:
- 框架标签
<frame>定义框架集的窗口或框架及放置在每个框架中的 HTML 文档。 - 这是一个两列(
column)的框架集。 - 第一列被设置为占据浏览器窗口的 25%,第二列占 75%。
- HTML 文档
"frame_a.html"被置于第一个列中,而"frame_b.html"被置于第二个列中。
内联框架标签<iframe>:
<iframe src="URL" width="200" height="200" frameborder="0" name="iframe_a"></iframe>
<p><a href="http://www.baidu.com" target="iframe_a">点我在内联框架内显示百度页面</a></p>
- 定义一个内联的
iframe,该URL指向不同的网页。 -
height和width属性用于规定iframe的高度和宽度。默认单位是像素,但也可以用百分比来设定。 -
frameborder属性用于定义iframe表示是否显示边框,设置属性值为"0"移除边框。 -
iframe可以用来显示一个目标链接的页面,此时目标链接的target属性值必须使用iframe的name属性值。 - 一些老的浏览器不支持
iframe。如果不支持,iframe是不可见的。
注意事项:
<frameset cols="120,*,30%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html" noresize="noresize">
<frame src="/example/html/frame_c.html">
<noframes>
<body>您的浏览器无法处理框架!</body>
</noframes>
</frameset>
- 假如一个框架有可见边框,用户可以拖动边框来改变它的大小。
- 为了避免这种情况发生,可以在
<frame>标签中加入:noresize="noresize"。 - 为不支持框架的浏览器添加
<noframes>标签。 - 不能将
<body></body>标签与<frameset></frameset>标签同时使用! - 不过,假如添加包含一段文本的
<noframes>标签,就必须将这段文字嵌套于<body></body>标签内。
HTML表单
基本用法:
- 表单
<form>是一个包含表单元素的区域,用于搜集不同类型的用户输入。 - 多数情况下被用到的表单标签是输入标签
(<input>),输入类型是由类型属性(type)定义的,比如radio,password,submit等。 - 其他经常用到的标签还有
<label>标签,文本域(<textarea>)标签,下拉列表(<select>)标签。 - 表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。
基本属性:
-
action属性定义在提交表单时执行的动作,如果省略action属性,则 action 会被设置为当前页面。 -
method属性规定在提交表单时所用的 HTTP 方法(GET(默认)或POST)。 -
name属性 如果要正确地被提交,每个输入字段必须设置一个
name属性。
其他标签或属性的详细用法及HTML5新增特性,请翻阅HTML5手册查看。