W3C HTML学习笔记(三)

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指向不同的网页。
  • heightwidth属性用于规定 iframe 的高度和宽度。默认单位是像素,但也可以用百分比来设定。
  • frameborder属性用于定义iframe表示是否显示边框,设置属性值为"0" 移除边框。
  • iframe可以用来显示一个目标链接的页面,此时目标链接的target属性值必须使用iframename属性值。
  • 一些老的浏览器不支持 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)定义的,比如 radiopasswordsubmit等。
  • 其他经常用到的标签还有<label>标签,文本域(<textarea>)标签,下拉列表(<select>)标签。
  • 表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。

基本属性:

  • action属性定义在提交表单时执行的动作,如果省略 action 属性,则 action 会被设置为当前页面。
  • method 属性规定在提交表单时所用的 HTTP 方法(GET(默认)POST)。
  • name属性 如果要正确地被提交,每个输入字段必须设置一个 name 属性。

其他标签或属性的详细用法及HTML5新增特性,请翻阅HTML5手册查看。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,406评论 1 41
  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 1,102评论 0 1
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,675评论 32 459
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,178评论 0 16
  • 类 对 HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。 为相同的类设置相同的样式,或者为不...
    满满正能量_617a阅读 548评论 0 1