請(qǐng)寫出至少20個(gè)HTML5標(biāo)簽
```
header——標(biāo)記頭部區(qū)域的內(nèi)容(用于整個(gè)頁(yè)面或頁(yè)面中的一塊區(qū)域)
footer——標(biāo)記腳部區(qū)域的內(nèi)容(用于整個(gè)頁(yè)面或頁(yè)面中的一塊區(qū)域)
section——Web頁(yè)面中的一塊區(qū)域
article——獨(dú)立的文章內(nèi)容
aside——相關(guān)內(nèi)容或者引文
nav——導(dǎo)航類輔助內(nèi)容
main----主要內(nèi)容區(qū)域
figure----獨(dú)立的文檔流區(qū)域
figcaption---獨(dú)立文檔流區(qū)域標(biāo)題
time------時(shí)間標(biāo)簽
mark-----著重標(biāo)記,默認(rèn)高亮背景變黃
audio-----音頻
video-----視頻
canvas----繪圖
datalist---模擬虛擬搜索列表
output---- 輸出框
var------傾斜標(biāo)簽
meter----標(biāo)簽來(lái)顯示該給定范圍內(nèi)的數(shù)據(jù)
progress--標(biāo)簽顯示某個(gè)任務(wù)完成的進(jìn)度的指示器
time------標(biāo)簽用來(lái)表示HTML網(wǎng)頁(yè)中出現(xiàn)的日期和時(shí)間
```
請(qǐng)寫出XHTML和css如何注釋
HTML注釋: 快捷鍵 ctrl+/
CSS注釋:/* */ 快捷鍵 ctrl+/
請(qǐng)戳出ie6/7下特有的cssbug
- li邊距“無(wú)故” 增加 設(shè)置ul的顯示形式為display:inline一block;即可,前面加是只 針對(duì)IE6/IE7有效
- IE6 不支持min-height屬性,但它卻認(rèn)為height就是最小高度 使用ie6不支持但其余瀏覽器支持的屬性!important。
- Overflow: 在IE6/7中,overflow無(wú)法正確的隱藏有相對(duì)定位position:relative;的子元素。解決方法就是給外包容器.wrap加上position:relative;。
- border:none 在IE6不起作用: 寫成border:0 就可以了 五:100%高度 在IE6下,如果要給元素定義100%高度,必須要明確定義它的父級(jí)元素的高度,如果你需要給元素定義滿屏的高度,就得先給html和body定義 height:100%;。
- 雙邊距 Bug 當(dāng)元素浮動(dòng)時(shí),IE6會(huì)錯(cuò)誤的的把浮動(dòng)方式的margin值雙倍計(jì)算,給float的元素添加一個(gè)display:inline
- 躲貓貓bug 定義了:hover的鏈接,當(dāng)鼠標(biāo)移到那些鏈接上時(shí),在IE6下就會(huì)觸發(fā)躲貓貓。 1.在(那個(gè)未浮動(dòng)的)內(nèi)容之后添加一個(gè) 2.觸發(fā)包含了這些鏈接的容器的hasLayout,一個(gè)簡(jiǎn)單的方法就是給其定義height:1%;
- IE6 絕對(duì)定位的元素1px 間距bug 當(dāng)絕對(duì)定位的父元素或?qū)挾葹槠鏀?shù)時(shí),bottom和right會(huì)多出現(xiàn)1px, 解決方案,針對(duì)IE6進(jìn)行hack處理
更多關(guān)于“web前端培訓(xùn)”的問(wèn)題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué),課程大綱緊跟企業(yè)需求,更科學(xué)更嚴(yán)謹(jǐn),每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升,都可以找到適合的班型,千鋒教育隨時(shí)歡迎你來(lái)試聽。