今天主要学习了一下知识点:
HTML响应式web设计
什么是响应式Web设计?
RWD指的是响应式Web设计
RWD能够以可变尺寸传递网页
RWD对于平板和移动设备是必须的。
创建你自己的相应式设计
创建响应式设计的一个方法,是自己来创建它:
使用Bootstrap
另一个创建响应式设计的方法,是使用现成的css框架。
bootstrap是最流行的开发响应式web的HTML,CSS,和JS框架。
Bootstrap帮助你开发在任何尺寸都外观出众的站点,显示器,笔记本电脑,平板电脑或手机:
HTML框架
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面
实例
垂直框架
水平框架
框架
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面,每份HTML文档称为一个框架,并且每个框架都独立于其他的的框架
使用框架的坏处:
开发人员必须同时跟踪更多的HTML文档
很难打印整张页面
框架结构标签
框架结构标签定义如何将窗口分割为框架
每个frameset定义了一系列行或列
rows/columns的值规定了每行或每列占据屏幕的面积
编者注:frameset标签也被某些文章和书籍译为框架集。
框架标签
frame标签定义了放置在每个框架中的HTML文档。
在下面的这个例子中,我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的25%。第二列被设置占据浏览器窗口的75%,HTML文档frame_a.htm被置于第一个列中,而HTML文档frame_b.htm被置于第二个列中: