开始学习H5的日子-第一天

来源：互联网发布：linux 剪切文件夹编辑：程序博客网时间：2024/04/29 13:25

1、分类块级元素<div>

tr是一行，td是一行中的一列，th是标题列，可以等同于td

2、分类行内元素-----<span>

3、网站布局：

header：定义文档或节的页眉

nav:定义导航链接的容器

section：定义文档中的节

article：定义独立的自包含文章

aside：定义内容之外的内容（如侧栏）

footer：定义文档或节的页脚

details：定义额外的细节

summary：定义details元素的标题

4、使用表格的HTML布局

<table>的作用是用来显示表格化的数据。使用table能取得布局效果，因为能通过CSS设置表格元素的样式；

5、RWD（Responsive Web Design）----响应式web设计/Bootstrap响应式框架

(1)能以可变尺寸传递网页

(2)对于平板和移动设备是必须的

6、框架结构标签<frameset>

(1)<frameset>定义如何将窗口分割为框架

(2)每个frameset定义了一系列行和列

(3)rows/columns的值规定了每行或每列占据屏幕的面积

第一列被设置为占据浏览器窗口的25%。第二列被设置为占据浏览器窗口的75%。HTML 文档 "frame_a.htm" 被置于第一个列中，而 HTML文档 "frame_b.htm"被置于第二个列中：

</frameset>

P：

假如一个框架有可见边框，用户可以拖动边框来改变它的大小，为了避免这样的情况发生，可在<frame>标签中加入 noresize=”noresize”

为不支持框架的浏览器添加 <noframes>标签。

重要提示：不能将 <body></body> 标签与 <frameset></frameset>标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。（在下面的第一个实例中，可以查看它是如何实现的。）

7、iframe--用于在网页内显示网页

<p><a href=”http://www.baidu.com” target=”iframe_a”>www.baidu.com</a></p>

（1）frameborder：删除边框，属性设置为“0”就可删除，0或1

（2）Iframe 可作为链接的目标（target）

链接的target属性必须引用iframe的name属性。

8、背景图片

（1）背景图像是否增加了页面的加载时间，P：图像文件不应该超过10K

（2）是否与页面中的其他图像搭配良好

（3）是否与文字颜色搭配良好

（4）图像在页面中平铺吼，看上去还可以吗？

（5）对文字的注意力被背景图像喧宾夺主了吗？

9、HTML的script元素

（1）script：即可包含脚本语句，也可通过src属性指向外部脚本文件，必须的type属性规定脚本的MIME类型。JavaScript最常用户图片操作、表单验证以及内容动态更新。

（2）noscript：该标签提供无法使用脚本时的替代内容，比如浏览器禁用脚本时，或者该浏览器不支持客户端脚本时，noscript元素可包含普通HTML页面的body元素中能够找到的所有元素。只有在浏览器不支持或禁用脚本时，才会显示noscript元素中的内容。

（3）应对老式浏览器：可将脚本隐藏在注释标签当中。老式浏览器无法识别<script>标签，会忽略掉它，不会显示出来，而新的浏览器会读懂这些脚本，并执行，即使代码嵌套在注释标签中。

10、<head>内的元素可以包含脚本，指示浏览器在何处可以找到样式表，提示元信息等，可添加在head中标签：title 、base、link、meta、script、style

(1)<title>定义浏览器工具栏中的标题、提供页面被添加到收藏夹时显示的标题、显示在搜索引擎结果中的页面标题。

(2)<base>为页面上的所有链接规定的默认地址或默认目标（target）

(3)<link>定义文档与外部资源之间的关系、常用于连接样式表

(4)<style>为HTML文档定义样式信息

(5)<meta>始终位于head元素中，可用于浏览器（如何显示或重新加载页面）、搜索引擎（关键词）、或其他web服务。Name和content属性用于描述页面的内容。

11、HTML实体，某些字符是预留的，不能使用“<”和“>”，浏览器会将其视为标签。正确的实体字符：&entity_name;&entity_number;显示小于号：<或者<

阅读全文

0 0