請寫出至少20個HTML5標簽

　　```

　　header——標記頭部區域的內容(用于整個頁面或頁面中的一塊區域)

　　footer——標記腳部區域的內容(用于整個頁面或頁面中的一塊區域)

　　section——Web頁面中的一塊區域

　　article——獨立的文章內容

　　aside——相關內容或者引文

　　nav——導航類輔助內容

　　main----主要內容區域

　　figure----獨立的文檔流區域

　　figcaption---獨立文檔流區域標題

　　time------時間標簽

　　mark-----著重標記,默認高亮背景變黃

　　audio-----音頻

　　video-----視頻

　　canvas----繪圖

　　datalist---模擬虛擬搜索列表

　　output---- 輸出框

　　var------傾斜標簽

　　meter----標簽來顯示該給定范圍內的數據

　　progress--標簽顯示某個任務完成的進度的指示器

　　time------標簽用來表示HTML網頁中出現的日期和時間

　　```

　　請寫出XHTML和css如何注釋

　　HTML注釋： 快捷鍵 ctrl+/

　　CSS注釋：/* */ 快捷鍵 ctrl+/

　　請戳出ie6/7下特有的cssbug

　　- li邊距“無故” 增加 設置ul的顯示形式為display:inline一block;即可，前面加是只 針對IE6/IE7有效

　　- IE6 不支持min-height屬性，但它卻認為height就是最小高度 使用ie6不支持但其余瀏覽器支持的屬性!important。

　　- Overflow: 在IE6/7中，overflow無法正確的隱藏有相對定位position:relative;的子元素。解決方法就是給外包容器.wrap加上position:relative;。

　　- border：none 在IE6不起作用： 寫成border：0 就可以了 五:100%高度 在IE6下，如果要給元素定義100%高度，必須要明確定義它的父級元素的高度，如果你需要給元素定義滿屏的高度，就得先給html和body定義 height:100%;。

　　- 雙邊距 Bug 當元素浮動時，IE6會錯誤的的把浮動方式的margin值雙倍計算，給float的元素添加一個display：inline

　　- 躲貓貓bug 定義了:hover的鏈接，當鼠標移到那些鏈接上時，在IE6下就會觸發躲貓貓。 1.在(那個未浮動的)內容之后添加一個 2.觸發包含了這些鏈接的容器的hasLayout，一個簡單的方法就是給其定義height:1%;

　　- IE6 絕對定位的元素1px 間距bug 當絕對定位的父元素或寬度為奇數時，bottom和right會多出現1px， 解決方案，針對IE6進行hack處理

　　更多關于“web前端培訓”的問題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學，課程大綱緊跟企業需求，更科學更嚴謹，每年培養泛IT人才近2萬人。不論你是零基礎還是想提升，都可以找到適合的班型，千鋒教育隨時歡迎你來試聽。