請寫出至少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萬人。不論你是零基礎還是想提升,都可以找到適合的班型,千鋒教育隨時歡迎你來試聽。