第一章 概述
HTML5的内容类型
内容类型 | 描 述 |
内嵌 | 向文档中添加其他类型的内容,例如audio、video、canvas和iframe等 |
流 | 在文档和应用的body中使用的元素,例如form、h1和small |
标题 | 段落标题,例如h1、h2和hgroup等 |
交互 | 与用户交互的内容,例如音频和视频的控件、botton和textarea等 |
元数据 | 通常出现在页面的head中,设置页面其他部分的表现和行为,例如script、style和title等。 |
短语 | 文本和文本标记元素,例如mark、kdb、sub和sup等 |
片段 | 用友定义页面片段的元素,例如article、aside和title等 |
HTML5中新的片段类元素
元 素 名 | 描 述 |
header | 标记头部区域的内容(用于整个页面或页面中的一块区域) |
footer | 标记脚部区域的内容(用于整个页面或页面中的一块区域) |
section | Web页面中的一块区域 |
article | 独立的文章内容 |
aside | 相关内容或者引文 |
nav | 导航类辅助内容 |
新querySelector方法
函数 | 描述 | 示例 | 结果 |
querySelector() | 根据指定的选择规则,返回在页面中找到的第一个匹配的元素 | querySelector("input.error"); | 返回第一个CSS类名为"error"的文本输入框 |
querySelectorAll() | 根据指定规则返回页面中所有相匹配的元素 | querySelectorAll("#results td"); | 返回id值为results的元素下所有的单元格 |
提示
selectors API不仅仅只是方便,在遍历DOM的时候,selectors API通常会比以前的子节点搜索API更快。为了实现快速样式表,浏览器对选择器匹配进行了高度优化。