1、<html lang="en">作用？
向搜索引擎表示该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，语言的意思，而“en”即表示english
你的页面如果是中文页面，可将其改为<html lang="zh">zh即表示中文
这个主要是给搜索引擎看的，搜索引擎不会去判断该站点是中文站还是英文站，所以这句话就是让搜索引擎知道，你的站点是中文站，对html页面本身不会有影响
这些现在都是html规范，你的页面越规范，就越容易被收录
2、<meta charset="UTF-8"> 有什么作用
charset=utf-8代表世界通用的语言编码；
当你的 html 文件是以 UTF-8 编码保存的，而且里面有中文，IE 浏览器不会乱码（至少我没遇到过乱码），但是 Chrome 一定会！
3、在html代码中<header>....</header>是起什么作用的？
语义化标签。
原来写一个页面。
比如有头部。和底部。我们都是定义一个div
只不过头部有一个class=header 尾部的div是class=footer
现在html5出现以后。主张语义化标签。
现在我们写样式的时候。选择器直接就写header就可以了。
不需要这么写 div.header
这样的好处是使得文档结构层次清晰。利于代码编写和开发。
还有搜索引擎优化等等的好处。
4、HTML<a>标签
提示：如果不使用 href 属性，则不可以使用如下属性：download, hreflang, media, rel, target 以及 type 属性。
提示：被链接页面通常显示在当前浏览器窗口中，除非您规定了另一个目标（target 属性）。
提示：请使用 CSS 来设置链接的样式。
target
• _blank
• _parent
• _self
• _top
• framename 规定在何处打开链接文档。
type
MIME type 规定被链接文档的的 MIME 类型。
5、标签包含问题
1.<a>标签不能包含其他<a>标签
<pre>标签不能包含<img>,<object>,<big>,<samll>,<sub>和<sup>标签
<button>标签不能包 含<input>,<select>,<textarea>,<label>,<button>,<form>,<fieldset>,<iframe> 和<isindex>标签
<label>标签不能包含其他<label>标签
<form>标签不能包含其他<form>标签
2.块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素：
<div><h1></h1><p></p></div> —— 对
<a href=”#”><span></span></a> —— 对
<span><div></div></span> —— 错
3.块级元素不能放在<p>里面：
<p><ol><li></li></ol></p> —— 错
<p><div></div></p> —— 错
<div><h2></h2><p></p></div> —— 对
<div><a href=”#”></a><span></span></div> —— 对
<div><h2></h2><span></span></div> —— 错
6、CSS 伪类 (Pseudo-classes)
CSS 伪类用于向某些选择器添加特殊的效果。
锚伪类
在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。
a:link {color: #FF0000} -未访问的链接
a:visited {color: #00FF00} -已访问的链接
a:hover {color: #FF00FF} - 鼠标移动到链接上
a:active {color: #0000FF} -选定的链接
提示：伪类名称对大小写不敏感。
伪类与 CSS 类
伪类可以与 CSS 类配合使用：
a.red : visited {color: #FF0000}
<a class="red" href="css_syntax.asp">CSS Syntax</a>
您可以使用 :first-child 伪类来选择元素的第一个子元素
注释：必须声明 <!DOCTYPE>，这样 :first-child 才能在 IE 中生效。
提示：最常见的错误是认为 p:first-child 之类的选择器会选择 p 元素的第一个子元素。
:focus
向拥有键盘输入焦点的元素添加样式。
7、css属性顺序
- 显示属性；Positioning
- 元素位置；Box model
- 元素属性；Typographic
- 元素内容属性；Visual
<pre>例子:
.header {
/显示属性/
display || visibility
list-style
position
top || right || bottom || left
z-index
clear
float
/* 自身属性 /
width
max-width || min-width
height
max-height || min-height
overflow || clip
margin
padding
outline
border
background
/ 文本属性 */
color
font
text-overflow
text-align
text-indent
line-height
white-space
vertical-align
cursor
content
</pre>
8、自定义列表dl的使用原因和场合
dl叫自定义列表, 所以, 首先, 它是一种列表, 跟ul ol一样的使用.
但是, 它跟其他列表的 区别是:
dl是 列表项和其 注释的组合. 也就是说, 只有当你要对 列表项 进行 注释的时候, 你 才应该 使用 dl
对应关系:
dl 对应着 ul(或者ol)
dt 对应着 li
那么dd就是dl 特有的, 表示对dt的解释, 而 li由于不需要解释, 所以他后面就没有 内容了.
9、<pre>[id$=1]以1结束，错误的写法，应该是[id$=\1]</pre>
持续更新。。。
