W3C HTML学习笔记（三）

2017-10-27 本文已影响11人做有趣的恶魔

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手册查看。

W3C HTML学习笔记（三）

HTML框架

HTML表单

猜你喜欢

热点阅读