文件名规范：名称全部用小写英文字母

权重值：
内联：1000
id：100
class：10
标签：1

a：hover ：只能本身和子集

&nbsp ; 空格 *

加粗内容
加粗内容*

倾斜*
倾斜

ul,ol,dl 列表

名词

解释

布局标签：div 区域框 自上往下
span 截点 自左向右
内容中看不到

---

超链接的应用：
空链接
新页面打开
_self:在当前页面打开 （默认）

---

div和span的用法：

块标签
文本节点标签：可以是某一段文本，或是一个字

---

数据表格的作用及组成：
表格组成：

注：一个tr表示一行；一个td表示一列（一个单元格）

---

HTML表单：

表单
输入域

定义域
选择列表下拉列表中的选项文本域控制标签域的标题选择列表按钮 *数据表格的相关属性：width=”表格的宽度”height=”表格的高度”border=”表格的边框”background=”表格的背景”bordercolor=”表格的边框颜色”cellspacing=”单元格与单元格之间的差距”cellpadding=”单元格与内容之间的空隙”对齐方式：align=”left/center/right”;合并单元格属性：colspan=”所要合并的单元格的列数”合并列；rowspan=“所要合并单元格的行数”合并行； src：地址alt：提示文本 border: 边框width/height：宽 高 插入图片： 注：所要插入的图片必须放在站点下title:当鼠标放在显示的提示信息 所有标签都可以用alt：当图片不存在时显示的替换文本 align-left左 align-right右 align-center中 width宽 HTML5 新增属性: section元素 表示页面中的一个内容区块 div header元素 表示页面中一个内容区块或整个页面的标题 nav元素 表示页面中导航链接部分 article元素 表示一块与上下文无关的独立的内容 aside元素 在article之外的，与article内容相关的辅助信息 footer元素 表示页面中一个内容区块或整个页面的脚注 figure元素 表示一段独立的流内容，使用figcaption元素为其添加标题(第一个或最后一个子元素的位置) main元素 表示页面中的主要的内容 (ie不兼容) 拓展:hgroup:标题组 Mark 高亮 兼容低版本浏览器： HTML5 新增语义： section 元素 ：表示在页面中的一个内容区块header 元素 ：表示页面中一个内容区块或整个页面的标题nav 元素 ： 表示页面中导航链接部分article 元素：表示一块与上下文无关你的鼓励内容aside 元素： 在article之外的，与article内容相关的辅助信息footer元素：表示页面中一个内容区块或整个页面的脚注figure 元素：表示一段独立的流内容，使用figcaption元素为其添加标题main元素：表示页面中的主要内容（ie不兼容） 拓展：hgroup：标题组Mark video和audio的应用： video元素 定义视频Video元素 audio元素 定义音频 Audio元素 controls属性：如果出现该属性，则向用户显示控件，比如播放按钮。 autoplay属性：如果出现该属性，则视频在就绪后马上播放。 loop属性：重复播放属性。 muted属性：静音属性。 poster属性：规定视频正在下载时显示的图像，直到用户点击播放按钮。 标签为媒介元素（比如 和 ）定义媒介资源。 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。 Type属性值： 用于视频：video/ogg video/mp4 video/webm 用于音频：audio/ogg audio/mpeg audio/mp3 HTML5 智能表单 Type=”email” 限制用户必须输入email类型Type=”number” 限制用户必须输入数字类Type=”url” 限制用户必须输入url类型Type=”range” 产生一个滑动条表单Type=”seatch” 产生一个搜索意义的表单Type=”color” 生成一个颜色选择的表单Type=”time” 限制用户必须输入时间类型Type=”date” 限制用户必须输入时间类型Type=”month” 限制用户必须输入月类型Type=”week” 限制用户必须输入周类型Type=”datetime-local” 选取本地时间 email： 专门用来输入email地址的文本框,如果该文本框中内容不是email地址格式的，则不允许提交。但它不检查email地址是否存在。提交时可以为空，除非加上了required属性。 url类型： 专门用来输入URL地址的文本框。如果该文本框中内容不是URL地址格式的，则不允许提交。 Number类型 专门用来输入数字的文本框。在提交时会检查其中的内容是否为数字，具有min、max、step的属性。 例：

range类型
是用来只允许输入一段范围内数值的文本框，它具有min属性与max属性，及step属性，可以指定每次拖动的步幅。
例：
min 最小值
max 最大值
step 数字间隔

1.新增属性：placeholder属性：文本框处于未输入状态时文本框中显示的输入提示
2.autofocus 属性：给文本框,选择框，或者按钮控件加上该属性，当打开页面时，该控件自动获得焦点，一个页面只能有一个
3.autocomplete属性：输入富足的所用的自动完成功能，是一个节省时间，同时也十分方便的功能。属性值：on/off。 on 可是显示指定候补输入的数据列表，使用datalist元素与list属性提供候补输入的数据列表。自动完成时，可以将该datalist元素中的数据作为候补输入的数据在文本框中显示；

4.novalidate取消验证 可以对form表单添加novalidate属性，即使form表单中的input添加了required，也将不进行验证partten

5.Multple: 可以输入一个或多个值每个值之间用逗号隔开 例如：： 还可以应用于file

6.patterm属性

pattern用于验证表单输入的内容，通常HTML5的type属性，比如email、tel、number、data类、url等，已经自带了简单的数据格式验证功能了，加上pattern后，前端部分的验证更加简单高效了。

显而易见，pattern的属性值要用正则表达式。

实例
简单的数字验证
数字的验证有两个：

正则
[abc] a、b 或 c（简单类）
[^abc] 任何字符，除了 a、b 或 c（否定）
[a-zA-Z] a到 z 或 A 到 Z，两头的字母包括在内（范围）
[a-d[m-p]] a到 d 或 m 到 p：[a-dm-p]（并集）
[a-z&&[def]] d、e 或 f（交集）
[a-z&&[^bc]] a 到 z，除了 b 和 c：[ad-z]（减去）
[a-z&&[^m-p]] a 到 z，而非 m 到 p：[a-lq-z]（减去）
信用卡 [0-9]{13,16}
银联卡 ^62[0-5]\d{13,16}$ Visa: ^4[0-9]{12}(?:[0-9]{3})?$
万事达：^5[1-5][0-9]{14}$ QQ号码： [1-9][0-9]{4,14}
手机号码：^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$
身份证：^([0-9]){7,18}(x|X)?$
密码：^[a-zA-Z]\w{5,17}$ 字母开头，长度在6~18之间，只能包含字母、数字和下划线
强密码：^(?=.\d)(?=.[a-z])(?=.*[A-Z]).{8,10}$ 包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间 7个汉字或14个字符：^[\u4e00-\u9fa5]{1,7}$|^[\dA-Za-z_]{1,14}$

Datalist ：选项列表 例：

提示：option 元素永远都要设置 value 属性。 list属性：结合datalist元素使用

output：
定义不同类型的输出，如计算结果的输出，或脚本的输出。
注：必须从属于某个表单。即，必须将它书写在表单内部
Output标签IE不支持
对新元素样式的使用：
注意，跟 input 标签设置样式一样，但是要设置标签中局部的样式不能实现。如改变日历的背景色，颜色框的按钮效果，等，这些都不可以实现。

0100+

=