html布局和框架

HTML5 语义元素

header定义文档或节的页眉
nav定义导航链接的容器
section定义文档中的节
article定义独立的自包含文章
aside定义内容之外的内容(比如侧栏)
footer定义文档或节的页脚
details定义额外的细节
summary定义 details 元素的标题

框架

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

垂直框架,实例链接:https://www.w3school.com.cn/tiy/t.asp?f=html_frame_cols

水平框架,实例链接:https://www.w3school.com.cn/tiy/t.asp?f=html_frame_rows

使用框架的坏处:

  • 开发人员必须同时跟踪更多的HTML文档
  • 很难打印整张页面

框架结构标签(<frameset>)

  • 框架结构标签(<frameset>)定义如何将窗口分割为框架
  • 每个 frameset 定义了一系列行
  • rows/columns 的值规定了每行或每列占据屏幕的面积

重要提示:不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。

使用<noframes>标签实例链接:https://www.w3school.com.cn/tiy/t.asp?f=html_noframes

混合框架实例链接:https://www.w3school.com.cn/tiy/t.asp?f=html_frame_mix

noresize属性实例链接:https://www.w3school.com.cn/tiy/t.asp?f=html_frame_noresize

内联框架

用于在页面内显示页面,代码:

<iframe src="URL"></iframe>

height 和 width 属性用于规定 iframe 的高度和宽度; frameborder 属性规定是否显示 iframe 周围的边框。

发表评论

电子邮件地址不会被公开。 必填项已用*标注