1、<html lang="en">作用？
向搜索引擎表示該頁面是html語言，并且語言為英文網站，其"lang"的意思就是“l(fā)anguage”，語言的意思，而“en”即表示english
你的頁面如果是中文頁面，可將其改為<html lang="zh">zh即表示中文
這個主要是給搜索引擎看的，搜索引擎不會去判斷該站點是中文站還是英文站，所以這句話就是讓搜索引擎知道，你的站點是中文站，對html頁面本身不會有影響
這些現(xiàn)在都是html規(guī)范，你的頁面越規(guī)范，就越容易被收錄
2、<meta charset="UTF-8"> 有什么作用
charset=utf-8代表世界通用的語言編碼；
當你的 html 文件是以 UTF-8 編碼保存的，而且里面有中文，IE 瀏覽器不會亂碼（至少我沒遇到過亂碼），但是 Chrome 一定會！
3、在html代碼中<header>....</header>是起什么作用的？
語義化標簽。
原來寫一個頁面。
比如有頭部。和底部。我們都是定義一個div
只不過頭部有一個class=header 尾部的div是class=footer
現(xiàn)在html5出現(xiàn)以后。主張語義化標簽。
現(xiàn)在我們寫樣式的時候。選擇器直接就寫header就可以了。
不需要這么寫 div.header
這樣的好處是使得文檔結構層次清晰。利于代碼編寫和開發(fā)。
還有搜索引擎優(yōu)化等等的好處。
4、HTML<a>標簽
提示：如果不使用 href 屬性，則不可以使用如下屬性：download, hreflang, media, rel, target 以及 type 屬性。
提示：被鏈接頁面通常顯示在當前瀏覽器窗口中，除非您規(guī)定了另一個目標（target 屬性）。
提示：請使用 CSS 來設置鏈接的樣式。
target
? _blank
? _parent
? _self
? _top
? framename 規(guī)定在何處打開鏈接文檔。
type
MIME type 規(guī)定被鏈接文檔的的 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.塊元素可以包含內聯(lián)元素或某些塊元素，但內聯(lián)元素卻不能包含塊元素，它只能包含其它的內聯(lián)元素：
<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 的瀏覽器中，鏈接的不同狀態(tài)都可以不同的方式顯示，這些狀態(tài)包括：活動狀態(tài)，已被訪問狀態(tài)，未被訪問狀態(tài)，和鼠標懸停狀態(tài)。
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一樣的使用.
但是, 它跟其他列表的 區(qū)別是:
dl是 列表項和其 注釋的組合. 也就是說, 只有當你要對 列表項 進行 注釋的時候, 你 才應該 使用 dl
對應關系:
dl 對應著 ul(或者ol)
dt 對應著 li
那么dd就是dl 特有的, 表示對dt的解釋, 而 li由于不需要解釋, 所以他后面就沒有 內容了.
9、<pre>[id$=1]以1結束，錯誤的寫法，應該是[id$=\1]</pre>
持續(xù)更新。。。
