通過刷題HTML遇到的問題

1、有關選擇器的權重問題

1.通配符選擇器和繼承:權重為0，

2.标簽選擇器:權重為0001

3.類選擇器:權重為0010

4.id選擇器:權重為0100

5.行内樣式:權重為1000 6.!important:權重為無窮大

2、html5中新增加的屬性

header，footer，nav，article，section，aside，datalist，audio，video，embed，input屬性

3、html5中可以省略結束标記的元素有

1、dd 2、dt 3、li 4、p 5、optgroup 6、option 7、rt 8、rp 9、thread 10、tfoot 11、tr 12、td

13、th

4、html5中新增加的類型/元素/屬性

注意題目問的是類型/元素/屬性
新增的表單元素：output、datalist、keygen
新增的表單類型(type=“xxx”):color設色器、date日期選擇器、datetime(utc時間)、datetime-local(無時區)、 email(包含email的輸入域)、month（月份）、number（數值）、range(範圍)、search（搜尋）、tel(電話号碼)、 url、week
新增的表單屬性：autocomplete（自動補全）、autofocus（自動聚焦）、required(是否必選)、height（高度）、width（寬度）、 multiple（多檔案上傳）、max（最大值）、min、step、list、pattern（模式比對/正則）、placeholder（預設值）、novalidate(送出表單時不校驗email/tel這些需要校驗的表單類型)、form（表單元素可以在form之外，但是可以指定屬于哪個form，會一起發送）、formaction（請求位址）、formmethod（form元素的請求方法,get/post這些）、formenctype、formnovalidate

5、将一對象的背景色不透明度改為80%的聲明

filter:alpha(opacity:80);平時就用這一種，沒接觸過其他寫法

6、元素的type屬性的取值可以

7、什麼是超文本

超文本是用超連結的方法，将各種不同空間的文字資訊組織在一起的網狀文本。超文本更是一種使用者界面範式，用以顯示文本及與文本之間相關的内容。現時超文本普遍以電子文檔方式存在，其中的文字包含有可以鍊結到其他位置或者文檔的連結，允許從目前閱讀位置直接切換到超文本連結所指向的位置。超文本的格式有很多，目前最常使用的是超文本标記語言（标準通用标記語言下的一個應用）及富文本格式

8、hidden屬性功能

hidden屬性功能是通知浏覽器不渲染元素，是該元素處于不可見狀态。但是元素中的内容還是浏覽器建立

9、link和@import差別

1.link屬于HTML範疇——除了加載CSS，還能支援其他事務，且在HTML頁面加載的同時加載

2.@import屬于CSS範疇——隻能加載CSS

link支援使用Javascript控制DOM去改變樣式；而@import不支援。

10、Canvas和SVG圖形的差別

Canvas

依賴分辨率
不支援事件處理器
弱的文本渲染能力
能夠以 .png 或 .jpg 格式儲存結果圖像
最适合圖像密集型的遊戲，其中的許多對象會被頻繁重繪
Canvas 是逐像素進行渲染的。
在 canvas 中，一旦圖形被繪制完成，它就不會繼續得到浏覽器的關注。如果其位置發生變化，那麼整個場景也需要重新繪制，包括任何或許已被圖形覆寫的對象。

SVG

不依賴分辨率
支援事件處理器
最适合帶有大型渲染區域的應用程式（比如谷歌地圖）
複雜度高會減慢渲染速度（任何過度使用 DOM 的應用都不快）
不适合遊戲應用

11、哪些屬性是可以被繼承

可以被繼承的屬性：

字型系列：font-family，font-size，font-style，font-weight，font-stretch，font-size-adjust；
清單相關：list-style，list-style-image，list-style-position，list-style-type，list-style-color；
文本系列：text-indent，text-align，line-height，word-spaceing，letter-spacing，text-transform，direction，color；
元素可見性：visibility；
表格布局：caption-side，border-collapse，border-spacing，empty-cells，table-layout；
生成内容：quotes；
光标屬性：cursor；
頁面樣式：page，page-break-inside，Windows，orphans；
聲音樣式屬性：speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation。

12、屬于HTML5标簽語意化的元素

html5手冊語義化标簽：

13、視窗上下滾動時，能始終固定在視野頂端的是

14、cookie | session

IndexdDB 是 HTML5 的本地存儲，把一些資料存儲到浏覽器（用戶端）中，當與網絡斷開時，可以從浏覽器中讀取資料，用來做一些離線應用。

Cookie 通過在用戶端 ( 浏覽器 ) 記錄資訊确定使用者身份，最大為 4 kb 。

url 參數用的是 get 方法，從伺服器上擷取資料，大小不能大于 2 kb 。

Session 是伺服器端使用的一種記錄用戶端狀态的機制。

post 是向伺服器傳送資料，資料量較大。

local Storage 也是 HTML5 的本地存儲，将資料儲存在用戶端中（一般是永久的）。

15、用來加粗的

用于加粗的标簽有<b></b>和<strong></strong>  blod font-weight是屬性值

16、把滑鼠移到按鈕并點選時，會産生一串什麼樣的事件

觸發順序為link–>visited—>hover—>active即記為love and hate

懸停 -> 聚焦 -> 響應

17、DHTML 的動态樣式的作用是

DHTML實作了網頁從Web伺服器下載下傳後無需再經過服務的處理，而在浏覽器中直接動态地更新網頁的内容、排版樣式和動畫的功能。例如，當滑鼠指針移到文章段落中時，段落能夠變成藍色，或者當滑鼠指針移到一個超級連結上時，會自動生成一個下拉式子連結目錄等。

包括：

①動态内容(Dynamic Content)：動态地更新網頁内容，可“動态”地插入、修改或删除網頁的元件，如文字、圖像、标記等。

②動态排版樣式(Dynamic Style Sheets)：W3C的CSS樣式表提供了設定HTML标記的字型大小、字形、樣式、粗細、文字顔色、行高度、加底線或加中間橫線、縮排、與邊緣距離、靠左右或置中、背景圖檔或顔色等排版功能，而“動态排版樣式”即可以“動态”地改變排版樣式。

18、滑動方式隐藏

slideUp()和slideDown都是jQuery函數，slideUp()通過使用滑動效果，隐藏被選元素，如果元素已顯示出來的話。slideDown() 方法通過使用滑動效果，顯示隐藏的被選元素

19、超連結的四種狀态

錨，代表超連結。錨僞類是超連結的四種狀态。

未通路狀态（a:link）

滑鼠懸停狀态（a:hover）

活動狀态（a:active）

已通路狀态（a:visited）

20、iframe可用在以下幾個場景中：

1：典型系統結構，左側是功能樹，右側就是一些常見的table或者表單之類的。為了每一個功能，單獨分離出來，采用iframe。

2：ajax上傳檔案。

3：加載别的網站内容，例如google廣告，網站流量分析。

4：在上傳圖檔時，不用flash實作無重新整理。

5：跨域通路的時候可以用到iframe，使用iframe請求不同域名下的資源。

21、置換元素

a) 置換元素：浏覽器根據元素的标簽和屬性，來決定元素的具體顯示内容。

b) 不可替換元素：(x)html 的大多數元素是不可替換元素，即其内容直接表現給使用者端（如浏覽器）。

通過刷題HTML遇到的問題