从Web诞生一直到现在，HTML都是定义web页面上内容块的主要机制，也是定义web页面布局的最简单方式。HTML包含非常多的可用布局标记，包括表，列表和分组元素。可以合并这些元素，在WEB页面上创建出非常复杂的布局。
目前HTML5诞生了新的元素，特性和值
元素 | 说明 |
section | 把web页面作为该web页面的全部或一部分，例如功能化的内容 |
article | Web页面上的一些信息，例如新闻帖子，博客帖子，状态消息 |
header | Web页面顶部，可以包含徽标或其他页面标题 |
nav | 某个特定的部分，用于包含导航元素。 |
aside | Web页面的某个部分，提供与整个内容部分相关的内容，例如边栏或广告 |
figure | 这个区域用于表示，一部分内容显示与Web页面相关的信息，例如图标或视频 |
footer | Web页面的底部，可以包含版权信息，隐私通知或者作者的其他信息 |
video | 显示多媒体视频 |
audio | 播放声音，是bgsound替代元素 |
| |
特性 | 说明 |
autofocus | 在加载页面时，允许input（类型为hidden的除外），select、textarea和button元素获得焦点 |
placeholder | 提供提示，为input和textarea元素输入数据 |
required | 需要为input、select、textarea元素输入或选择数据 ，例如 |
min、max、step、multiple、pattern | 指定input元素所受的限制 |
async | 异步加载script元素 |
seemless | 为iframe元素提供无边框的框架，在带seemless特性的iframe元素中单击链接时，内容会加载到父框架中，除非target特性使用了_blank值 |
reversed | 翻转ol元素中列表的顺序 |
css选择器：选择器时css中明确指定web浏览器如何选择要应用元素的部分
通用选择器：*{font-family：Arial ；}
类选择器：p{font-family：Arial ；}
派生选择器：
div span{font-family：Arial ；}派生选择器可以创建样式，其目标HTML元素是指定类型的元素的派生元素。例中的样式应用派生自<div>标记的所有<span>标记
子选择器：
子选择器类似与派生选择器，但派生选择器会搜索元素的整个派生层次结构，而子选择器把元素搜索范围限制在父元素得到直接子元素上
div>span{font-family：Arial ；}
属性选择器：
属性选择器可以定义样式，根据元素是否属于某个元素（而不是元素名），把该样式应用于元素。
*[href]{font-family：Arial ；}
……
还有诸多选择器，就不一一列举出来了
