1.<svg> 標(biāo)簽的目的是什么硬爆？用可伸縮矢量圖來(lái)畫(huà)圖或文本

2.要去掉文本超鏈接的下劃線，下列正確的是：a{ text-decoration:none}锦募。

3.有一個(gè)元素摆屯，需要在pc端顯示而在手機(jī)端隱藏，需要使用的方法是

visible-md-8 hidden-xs
解析：v3 裝置間有四個(gè)切換階段
mobile – xs ( <768px )
tablet – sm ( 768~991px )
desktop – md ( 992~1170px )
large desktop – lg ( >1170px )

.col-xs-超小屏幕 手機(jī) (<768px),
.col-sm-小屏幕 平板 (≥768px),
.col-md-中等屏幕
.col-lg-桌面顯示器 (≥992px)(柵格參數(shù))

4.HTML5 中新增加的標(biāo)簽：nav糠亩、article虐骑、video、header赎线、footer廷没、section......

5.css中clear的作用是什么？指明該元素周圍不可出現(xiàn)浮動(dòng)元素垂寥。

6.HTTP協(xié)議：

簡(jiǎn)介

HTTP協(xié)議（Hyper Text Transfer Protocol颠黎，超文本傳輸協(xié)議）,是用于從萬(wàn)維網(wǎng)（WWW:World Wide Web ）服務(wù)器傳輸超文本到本地瀏覽器的傳送協(xié)議另锋。
HTTP基于TCP/IP通信協(xié)議來(lái)傳遞數(shù)據(jù)。
HTTP基于客戶端/服務(wù)端（C/S）架構(gòu)模型狭归，通過(guò)一個(gè)可靠的鏈接來(lái)交換信息夭坪，是一個(gè)無(wú)狀態(tài)的請(qǐng)求/響應(yīng)協(xié)議。

特點(diǎn)

（1）HTTP是無(wú)連接：無(wú)連接的含義是限制每次連接只處理一個(gè)請(qǐng)求过椎。服務(wù)器處理完客戶的請(qǐng)求室梅，并收到客戶的應(yīng)答后，即斷開(kāi)連接疚宇。采用這種方式可以節(jié)省傳輸時(shí)間亡鼠。
（2）HTTP是媒體獨(dú)立的：只要客戶端和服務(wù)器知道如何處理的數(shù)據(jù)內(nèi)容，任何類型的數(shù)據(jù)都可以通過(guò)HTTP發(fā)送敷待〖浜客戶端以及服務(wù)器指定使用適合的MIME-type內(nèi)容類型。
（3）HTTP是無(wú)狀態(tài)：無(wú)狀態(tài)是指協(xié)議對(duì)于事務(wù)處理沒(méi)有記憶能力榜揖。缺少狀態(tài)意味著如果后續(xù)處理需要前面的信息勾哩，則它必須重傳，這樣可能導(dǎo)致每次連接傳送的數(shù)據(jù)量增大根盒。另一方面钳幅，在服務(wù)器不需要先前信息時(shí)它的應(yīng)答就較快。

請(qǐng)求方法

GET 請(qǐng)求指定的頁(yè)面信息炎滞，并返回實(shí)體主體敢艰。
HEAD 類似于get請(qǐng)求，只不過(guò)返回的響應(yīng)中沒(méi)有具體的內(nèi)容册赛，用于獲取報(bào)頭
POST 向指定資源提交數(shù)據(jù)進(jìn)行處理請(qǐng)求（例如提交表單或者上傳文件）钠导。數(shù)據(jù)被包含在請(qǐng)求體中。POST請(qǐng)求可能會(huì)導(dǎo)致新的資源的建立和/或已有資源的修改森瘪。
PUT 從客戶端向服務(wù)器傳送的數(shù)據(jù)取代指定的文檔的內(nèi)容牡属。
DELETE 請(qǐng)求服務(wù)器刪除指定的頁(yè)面。
CONNECT HTTP/1.1協(xié)議中預(yù)留給能夠?qū)⑦B接改為管道方式的代理服務(wù)器扼睬。
OPTIONS 允許客戶端查看服務(wù)器的性能逮栅。
TRACE 回顯服務(wù)器收到的請(qǐng)求，主要用于測(cè)試或診斷窗宇。

狀態(tài)碼

HTTP狀態(tài)碼分類
1** 信息措伐，服務(wù)器收到請(qǐng)求，需要請(qǐng)求者繼續(xù)執(zhí)行操作
2** 成功军俊，操作被成功接收并處理
3** 重定向侥加，需要進(jìn)一步的操作以完成請(qǐng)求
4** 客戶端錯(cuò)誤，請(qǐng)求包含語(yǔ)法錯(cuò)誤或無(wú)法完成請(qǐng)求
5** 服務(wù)器錯(cuò)誤粪躬，服務(wù)器在處理請(qǐng)求的過(guò)程中發(fā)生了錯(cuò)

7.CSS Sprites（CSS精靈）

簡(jiǎn)介

CSS Sprites在國(guó)內(nèi)很多人叫css精靈担败，是一種網(wǎng)頁(yè)圖片應(yīng)用處理方式昔穴。它允許將一個(gè)頁(yè)面涉及到的所有零星圖片都包含到一張大圖中， 利用CSS的“background-image”提前，“background- repeat”吗货，“background-position”的組合進(jìn)行背景定位， 訪問(wèn)頁(yè)面時(shí)避免圖片載入緩慢的現(xiàn)象岖研。

優(yōu)點(diǎn)

（1）CSS Sprites能很好地減少網(wǎng)頁(yè)的http請(qǐng)求卿操，從而大大的提高頁(yè)面的性能警检，這是CSS Sprites最大的優(yōu)點(diǎn)孙援，也是其被廣泛傳播和應(yīng)用的主要原因；
（2）CSS Sprites能減少圖片的字節(jié)扇雕；
（3）CSS Sprites解決了網(wǎng)頁(yè)設(shè)計(jì)師在圖片命名上的困擾拓售，只需對(duì)一張集合的圖片命名，不需要對(duì)每一個(gè)小圖片進(jìn)行命名镶奉，從而提高了網(wǎng)頁(yè)制作效率础淤。
（4）CSS Sprites只需要修改一張或少?gòu)垐D片的顏色或樣式來(lái)改變整個(gè)網(wǎng)頁(yè)的風(fēng)格。

缺點(diǎn)

（1）圖片合并麻煩：圖片合并時(shí)哨苛，需要把多張圖片有序的合理的合并成一張圖片鸽凶，并留好足夠的空間防止版塊出現(xiàn)不必要的背景。
（2）圖片適應(yīng)性差：在高分辨的屏幕下自適應(yīng)頁(yè)面建峭，若圖片不夠?qū)挄?huì)出現(xiàn)背景斷裂玻侥。
（3）圖片定位繁瑣：開(kāi)發(fā)時(shí)需要通過(guò)工具測(cè)量計(jì)算每個(gè)背景單元的精確位置。
（4）可維護(hù)性差：頁(yè)面背景需要少許改動(dòng)亿蒸，可能要修改部分或整張已合并的圖片凑兰，進(jìn)而要改動(dòng)css。在避免改動(dòng)圖片的前提下边锁，又只能（最好）往下追加圖片姑食，但這樣增加了圖片字節(jié)。

8.DHTML 的動(dòng)態(tài)樣式的作用是：使網(wǎng)頁(yè)作者改變內(nèi)容的外部特征而不強(qiáng)制用戶再次下載全部?jī)?nèi)容茅坛。

9.能繼承的元素：

所有元素可繼承：visibility和cursor音半。
內(nèi)聯(lián)元素可繼承：letter-spacing、word-spacing贡蓖、white-space曹鸠、line-height、color摩梧、font物延、font-family、font-size仅父、font-style叛薯、font-variant浑吟、font-weight、text-decoration耗溜、text-transform组力、direction。
終端塊狀元素可繼承：text-indent和text-align抖拴。
列表元素可繼承：list-style燎字、list-style-type、list-style-position阿宅、list-style-image候衍。

10.嵌入在HTML文檔中的圖像格式可以是？

.gif洒放、.bmp蛉鹿、*.jpg

11.瀏覽器 的內(nèi)核引擎

瀏覽器 的內(nèi)核引擎，基本上是四分天下：
1）Trident: IE 以Trident 作為內(nèi)核引擎往湿；
2)Gecko: Firefox 是基于 Gecko 開(kāi)發(fā)妖异；
3）WebKit: Safari, Google Chrome,傲游3,獵豹瀏覽器,百度瀏覽器 opera瀏覽器；
4）Presto: Opera的內(nèi)核领追，但由于市場(chǎng)選擇問(wèn)題他膳，主要應(yīng)用在手機(jī)平臺(tái)--Opera mini
注：2013年2月Opera宣布轉(zhuǎn)向WebKit引擎
注：2013年4月Opera宣布放棄WEBKIT，跟隨GOOGLE的新開(kāi)發(fā)的blink引擎

12.BFC（塊級(jí)格式化上下文）

計(jì)算BFC的高度時(shí)绒窑，浮動(dòng)子元素也參與計(jì)算棕孙。
BFC就是頁(yè)面上的一個(gè)隔離的獨(dú)立容器，容器里面的子元素是不會(huì)影響到外面的元素回论。

13.注釋

HTML注釋 ：
CSS注釋 ：/* 注釋內(nèi)容 */
JS注釋 ：?jiǎn)涡凶⑨屢?// 開(kāi)頭 散罕；多行注釋以 / *開(kāi)始，以 */ 結(jié)尾傀蓉。

14.bootstrap中欧漱，一個(gè)元素需要在打印時(shí)隱藏，使用的類是：hidden-print葬燎。

15.CSS3新增屬性

box-shadow误甚、border-radius、rgba【前三個(gè)數(shù)值是 RGB 顏色的值, 最后一個(gè)數(shù)值指代的是元素的透明度 (0 表示透明, 1 表示不透明).】

16.iframe的使用場(chǎng)景有谱净？

與第三方域名下的頁(yè)面共享cookie
上傳圖片窑邦，避免當(dāng)前頁(yè)刷新
左邊固定右邊自適應(yīng)的布局
資源加載

擴(kuò)展

iframe可用在以下幾個(gè)場(chǎng)景中：
（1）典型系統(tǒng)結(jié)構(gòu)，左側(cè)是功能樹(shù)壕探，右側(cè)就是一些常見(jiàn)的table或者表單之類的冈钦。為了每一個(gè)功能，單獨(dú)分離出來(lái)李请，采用iframe瞧筛。
（2）ajax上傳文件厉熟。
（3）加載別的網(wǎng)站內(nèi)容，例如google廣告较幌，網(wǎng)站流量分析揍瑟。
（4） 在上傳圖片時(shí)，不用flash實(shí)現(xiàn)無(wú)刷新乍炉。
（5） 跨域訪問(wèn)的時(shí)候可以用到iframe绢片，使用iframe請(qǐng)求不同域名下的資源。

17.元素的alt和title有什么異同岛琼？

alt和title同時(shí)設(shè)置的時(shí)候底循，alt作為圖片的替代文字出現(xiàn)，title是圖片的解釋文字衷恭。

18.列哪個(gè)樣式定義后,內(nèi)聯(lián)(非塊狀)元素可以定義寬度和高度：

display:block

19.sessionStorage 保存數(shù)據(jù)的方法正確的是：

sessionStorage.setItem(“鍵名”,”鍵值”);

20.如果一個(gè)HTML文檔內(nèi)含有阿拉伯文此叠，則應(yīng)該？

使用utf-8編碼
解析：UTF-8（8-bit Unicode Transformation Format）是一種針對(duì)Unicode的可變長(zhǎng)度字符編碼随珠，又稱萬(wàn)國(guó)碼。UTF-8用1到6個(gè)字節(jié)編碼UNICODE字符猬错。用在網(wǎng)頁(yè)上可以同一頁(yè)面顯示中文簡(jiǎn)體繁體及其它語(yǔ)言（如英文窗看，日文，韓文）倦炒。
GBK是漢字編碼显沈，是雙字節(jié)碼，可表示繁體字和簡(jiǎn)體字逢唤。
ISO8859-2 字符集拉讯，也稱為 Latin-2，收集了東歐字符鳖藕。

21.瀏覽器在一次 HTTP 請(qǐng)求中魔慷，需要傳輸一個(gè) 4097 字節(jié)的文本數(shù)據(jù)給服務(wù)端，可以采用那些方式? post

解析：IndexdDB 是 HTML5 的本地存儲(chǔ)著恩，把一些數(shù)據(jù)存儲(chǔ)到瀏覽器（客戶端）中院尔，當(dāng)與網(wǎng)絡(luò)斷開(kāi)時(shí)，可以從瀏覽器中讀取數(shù)據(jù)喉誊，用來(lái)做一些離線應(yīng)用邀摆。
Cookie 通過(guò)在客戶端 ( 瀏覽器 ) 記錄信息確定用戶身份，最大為 4 kb 伍茄。
url 參數(shù)用的是 get 方法栋盹，從服務(wù)器上獲取數(shù)據(jù)，大小不能大于 2 kb 敷矫。
Session 是服務(wù)器端使用的一種記錄客戶端狀態(tài)的機(jī)制 例获。
post 是向服務(wù)器傳送數(shù)據(jù)音念，數(shù)據(jù)量較大。
local Storage 也是 HTML5 的本地存儲(chǔ)躏敢，將數(shù)據(jù)保存在客戶端中（一般是永久的）闷愤。

22.塊級(jí)元素和行內(nèi)元素：

塊級(jí)元素

行內(nèi)元素

塊級(jí)元素與行內(nèi)元素的區(qū)別

（1）塊級(jí)元素會(huì)獨(dú)占一行，其寬度自動(dòng)填滿其父元素寬度件余；
行內(nèi)元素不會(huì)獨(dú)占一行讥脐，相鄰的行內(nèi)元素會(huì)排列在同一行，直至一行排不下才會(huì)換行啼器，其寬度隨元素的內(nèi)容而變化旬渠。
（2）塊級(jí)元素可以包含行內(nèi)元素和塊級(jí)元素；行內(nèi)元素不能包含塊級(jí)元素端壳。
（3）行內(nèi)元素設(shè)置width告丢、height、margin-top损谦、margin-bottom岖免、padding-top、padding-bottom無(wú)效照捡。

可變?cè)?/h5>

23.如何讓一個(gè)區(qū)塊居中?

center颅湘、center-block
解析：center-block是bootstrap里的東西~就是我們常用的margin:0 auto;

24.關(guān)于柵格系統(tǒng)，以下說(shuō)法正確的是：

會(huì)有自動(dòng)的padding樣式
其字體默認(rèn)為14px
其box-sizing默認(rèn)為border-box

25.以下對(duì)form表單中input元素的readonly與disabled屬性描述正確的是栗精？

Disabled為真時(shí)闯参，input的值不會(huì)隨著表單提交

26.置換元素：img、input悲立、textarea鹿寨、select...

解析：a) 置換元素：瀏覽器根據(jù)元素的標(biāo)簽和屬性，來(lái)決定元素的具體顯示內(nèi)容薪夕。
例如：瀏覽器會(huì)根據(jù)<img>標(biāo)簽的src屬性的 值來(lái)讀取圖片信息并顯示出來(lái)脚草，而如果查看(x)html代碼，則看不到圖片的實(shí)際內(nèi)容寥殖；<input>標(biāo)簽的type屬性來(lái)決定是顯示輸入 框玩讳，還是單選按鈕等。 (x)html中 的<img>嚼贡、<input>熏纯、<textarea>、<select>粤策、<object> 都是置換元素樟澜。這些元素往往沒(méi)有實(shí)際的內(nèi)容，即是一個(gè)空元素。
置換元素在其顯示中生成了框秩贰，這也就是有的內(nèi)聯(lián)元素能夠設(shè)置寬高的原因霹俺。

b) 不可替換元素：(x)html 的大多數(shù)元素是不可替換元素，即其內(nèi)容直接表現(xiàn)給用戶端（如瀏覽器）毒费。
例如： <label>label中的內(nèi)容</label> 標(biāo)簽<label>是一個(gè)非置換元素丙唧，文字label中的內(nèi)容”將全被顯示。

27.常見(jiàn)的瀏覽器端的存儲(chǔ)技術(shù)有哪些觅玻？

cookie想际、localStorage、userData
解析：
瀏覽器端：cookie溪厘、WebStorage(localStorage胡本、sessionStorage)、userData畸悬、indexedDB
服務(wù)器端：session