1. 瀏覽器頁(yè)面有哪三層構(gòu)成介牙，分別是什么走越，作用是什么?

構(gòu)成：結(jié)構(gòu)層、表示層耻瑟、行為層

分別是：HTML旨指、CSS、JavaScript

作用：HTML實(shí)現(xiàn)頁(yè)面結(jié)構(gòu)喳整，CSS完成頁(yè)面的表現(xiàn)與風(fēng)格谆构，JavaScript實(shí)現(xiàn)一些客戶端的功能與業(yè)務(wù)。

2. HTML5的優(yōu)點(diǎn)與缺點(diǎn)框都？

優(yōu)點(diǎn) a搬素、網(wǎng)絡(luò)標(biāo)準(zhǔn)統(tǒng)一、HTML5本身是由W3C推薦出來(lái)的。
b熬尺、多設(shè)備摸屠、跨平臺(tái)
c、即時(shí)更新粱哼。

d季二、提高可用性和改進(jìn)用戶的友好體驗(yàn)；
e揭措、有幾個(gè)新的標(biāo)簽胯舷，這將有助于開(kāi)發(fā)人員定義重要的內(nèi)容；

f绊含、可以給站點(diǎn)帶來(lái)更多的多媒體元素(視頻和音頻)桑嘶；

g、可以很好的替代Flash和Silverlight躬充；

h逃顶、涉及到網(wǎng)站的抓取和索引的時(shí)候，對(duì)于SEO很友好充甚；

i口蝠、被大量應(yīng)用于移動(dòng)應(yīng)用程序和游戲。

缺點(diǎn)： a津坑、安全：像之前Firefox4的web socket和透明代理的實(shí)現(xiàn)存在嚴(yán)重的安全問(wèn)題妙蔗，同時(shí)web storage、web socket 這樣的功能很容易被黑客利用疆瑰，來(lái)盜取用戶的信息和資料眉反。
b、完善性：許多特性各瀏覽器的支持程度也不一樣穆役。

c寸五、技術(shù)門檻：HTML5簡(jiǎn)化開(kāi)發(fā)者工作的同時(shí)代表了有許多新的屬性和API需要開(kāi)發(fā)者學(xué)習(xí)，像web worker耿币、web socket梳杏、web storage 等新特性，后臺(tái)甚至瀏覽器原理的知識(shí)淹接，機(jī)遇的同時(shí)也是巨大的挑戰(zhàn)
d十性、性能：某些平臺(tái)上的引擎問(wèn)題導(dǎo)致HTML5性能低下。
e塑悼、瀏覽器兼容性：最大缺點(diǎn)劲适，IE9以下瀏覽器幾乎全軍覆沒(méi)。

3. Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分厢蒜？它們有何意義?

回答1： （1）霞势、 聲明位于文檔中的最前面烹植，處于標(biāo)簽之前。告知瀏覽器的解析器愕贡，用什么文檔類型 規(guī)范來(lái)解析這個(gè)文檔草雕。

（2）、嚴(yán)格模式的排版和JS 運(yùn)作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行固以。
（3）墩虹、在混雜模式中，頁(yè)面以寬松的向后兼容的方式顯示嘴纺。模擬老式瀏覽器的行為以防止站點(diǎn)無(wú)法工作败晴。 （4）浓冒、DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)栽渴。

回答2： doctype聲明指出閱讀程序應(yīng)該用什么規(guī)則集來(lái)解釋文檔中的標(biāo)記。在Web文檔的情況下稳懒，“閱讀程序”通常是瀏覽器或者校驗(yàn)器這樣的一個(gè)程序闲擦，“規(guī)則”則是W3C所發(fā)布的一個(gè)文檔類型定義（DTD）中包含的規(guī)則。

(1) 聲明位于文檔中的最前面的位置场梆，處于標(biāo)簽之前墅冷。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。該標(biāo)簽可聲明三種 DTD 類型或油，分別表示嚴(yán)格版本寞忿、過(guò)渡版本以及基于框架的HTML 文檔。

(2)所謂的標(biāo)準(zhǔn)模式是指顶岸，瀏覽器按 W3C 標(biāo)準(zhǔn)解析執(zhí)行代碼腔彰；怪異模式則是使用瀏覽器自己的方式解析執(zhí)行代碼，因?yàn)椴煌瑸g覽器解析執(zhí)行的方式不一樣辖佣，所以我們稱之為怪異模式霹抛。 嚴(yán)格模式是瀏覽器根據(jù)web標(biāo)準(zhǔn)去解析頁(yè)面，是一種要求嚴(yán)格的DTD卷谈，不允許使用任何表現(xiàn)層的語(yǔ)法杯拐，如

。嚴(yán)格模式的排版和JS 運(yùn)作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行混雜模式則是一種向后兼容的解析方法世蔗，說(shuō)的透明點(diǎn)就是可以實(shí)現(xiàn)IE5.5以下版本瀏覽器的渲染模式端逼。

(3)瀏覽器解析時(shí)到底使用標(biāo)準(zhǔn)模式還是怪異模式，與你網(wǎng)頁(yè)中的 DTD 聲明直接相關(guān)污淋， DTD 聲明定義了標(biāo)準(zhǔn)文檔的類型（標(biāo)準(zhǔn)模式解析）文檔類型裳食，會(huì)使瀏覽器使用相應(yīng)的方式加載網(wǎng)頁(yè)并顯示，忽略 DTD 聲明 ,將使網(wǎng)頁(yè)進(jìn)入怪異模式芙沥。

4. HTML5有哪些新特性诲祸、移除了哪些元素浊吏？

Html5新增了 27 個(gè)元素，廢棄了 16 個(gè)元素，根據(jù)現(xiàn)有的標(biāo)準(zhǔn)規(guī)范扇商，把 HTML5 的元素按優(yōu)先級(jí)定義為結(jié)構(gòu)性屬性灵妨、級(jí)塊性元素、行內(nèi)語(yǔ)義性元素和交互性元素 4 大類墩衙。

結(jié)構(gòu)性元素主要負(fù)責(zé)web上下文結(jié)構(gòu)的定義

section：在 web 頁(yè)面應(yīng)用中，該元素也可以用于區(qū)域的章節(jié)描述甲抖。

header：頁(yè)面主體上的頭部漆改， header 元素往往在一對(duì) body 元素中。

footer：頁(yè)面的底部（頁(yè)腳）准谚，通常會(huì)標(biāo)出網(wǎng)站的相關(guān)信息挫剑。

nav：專門用于菜單導(dǎo)航、鏈接導(dǎo)航的元素柱衔，是 navigator 的縮寫(xiě)樊破。

article：用于表現(xiàn)一篇文章的主體內(nèi)容，一般為文字集中顯示的區(qū)域唆铐。

級(jí)塊性元素主要完成web頁(yè)面區(qū)域的劃分哲戚，確保內(nèi)容的有效分割。

aside：用于表達(dá)注記艾岂、貼士顺少、側(cè)欄、摘要王浴、插入的引用等作為補(bǔ)充主體的內(nèi)容脆炎。

figure：是對(duì)多個(gè)元素進(jìn)行組合并展示的元素，通常與 ficaption 聯(lián)合使用叼耙。

code：表示一段代碼塊腕窥。

dialog：用于表達(dá)人與人之間的對(duì)話，該元素包含 dt 和 dd 這兩個(gè)組合元素筛婉， dt 用于表示說(shuō)話者簇爆，而 dd 用來(lái)表示說(shuō)話內(nèi)容。

行內(nèi)語(yǔ)義性元素主要完成web頁(yè)面具體內(nèi)容的引用和描述爽撒，是豐富內(nèi)容展示的基礎(chǔ)入蛆。

meter：表示特定范圍內(nèi)的數(shù)值，可用于工資硕勿、數(shù)量哨毁、百分比等。

time：表示時(shí)間值源武。

progress：用來(lái)表示進(jìn)度條扼褪，可通過(guò)對(duì)其 max 想幻、 min 、 step 等屬性進(jìn)行控制话浇，完成對(duì)進(jìn)度的表示和監(jiān)事脏毯。

video：視頻元素，用于支持和實(shí)現(xiàn)視頻文件的直接播放幔崖，支持緩沖預(yù)載和多種視頻媒體格式食店。

audio：音頻元素，用于支持和實(shí)現(xiàn)音頻文件的直接播放赏寇，支持緩沖預(yù)載和多種音頻媒體格式吉嫩。

交互性元素主要用于功能性的內(nèi)容表達(dá)，會(huì)有一定的內(nèi)容和數(shù)據(jù)的關(guān)聯(lián)嗅定，是各種事件的基礎(chǔ)自娩。

details：用來(lái)表示一段具體的內(nèi)容，但是內(nèi)容默認(rèn)可能不顯示露戒，通過(guò)某種手段（如單擊）與 legend 交互才會(huì)顯示出來(lái)椒功。

datagrid：用來(lái)控制客戶端數(shù)據(jù)與顯示捶箱，可以由動(dòng)態(tài)腳本及時(shí)更新智什。

menu：主要用于交互菜單（曾被廢棄又被重新啟用的元素）。

command：用來(lái)處理命令按鈕丁屎。

5. 你做的網(wǎng)頁(yè)在哪些瀏覽器測(cè)試過(guò),這些瀏覽器的內(nèi)核分別是什么?

a荠锭、 IE: trident 內(nèi)核

b、 Firefox ： gecko 內(nèi)核

c晨川、 Safari:webkit 內(nèi)核

d证九、 Opera: 以前是 presto 內(nèi)核， Opera 現(xiàn)已改用 Google Chrome 的 Blink 內(nèi)核

e共虑、 Chrome:Blink( 基于 webkit 愧怜， Google 與 Opera Software 共同開(kāi)發(fā) )

6. 每個(gè)HTML文件里開(kāi)頭都有個(gè)很重要的東西，Doctype妈拌，知道這是干什么的嗎拥坛？

聲明位于文檔中的最前面的位置，處于標(biāo)簽之前尘分。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范猜惋。（重點(diǎn)：告訴瀏覽器按照何種規(guī)范解析頁(yè)面）

7.說(shuō)說(shuō)你對(duì)HTML5認(rèn)識(shí)?（是什么,為什么）

是什么：

HTML5指的是包括 HTML 、 CSS 和 JavaScript 在內(nèi)的一套技術(shù)組合培愁。它希望能夠減少網(wǎng)頁(yè)瀏覽器對(duì)于需要插件的豐富性網(wǎng)絡(luò)應(yīng)用服務(wù)（ Plug-in-Based Rich Internet Application 著摔， RIA ），例如： AdobeFlash 定续、 Microsoft Silverlight 與 Oracle JavaFX 的需求谍咆，并且提供更多能有效加強(qiáng)網(wǎng)絡(luò)應(yīng)用的標(biāo)準(zhǔn)集禾锤。 HTML5 是 HTML 最新版本， 2014 年 10 月由萬(wàn)維網(wǎng)聯(lián)盟（ W3C ）完成標(biāo)準(zhǔn)制定摹察。目標(biāo)是替換 1999 年所制定的 HTML 4.01 和 XHTML 1.0 標(biāo)準(zhǔn)时肿，以期能在互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展的時(shí)候，使網(wǎng)絡(luò)標(biāo)準(zhǔn)達(dá)到匹配當(dāng)代的網(wǎng)絡(luò)需求港粱。

為什么：

HTML4陳舊不能滿足日益發(fā)展的互聯(lián)網(wǎng)需要螃成，特別是移動(dòng)互聯(lián)網(wǎng)。為了增強(qiáng)瀏覽器功能 Flash 被廣泛使用查坪，但安全與穩(wěn)定堪憂寸宏，不適合在移動(dòng)端使用（耗電、觸摸偿曙、不開(kāi)放）氮凝。

HTML5增強(qiáng)了瀏覽器的原生功能，符合 HTML5 規(guī)范的瀏覽器功能將更加強(qiáng)大望忆，減少了 Web 應(yīng)用對(duì)插件的依賴罩阵，讓用戶體驗(yàn)更好，讓開(kāi)發(fā)更加方便启摄，另外 W3C 從推出 HTML4.0 到 5.0 之間共經(jīng)歷了 17 年稿壁， HTML 的變化很小，這并不符合一個(gè)好產(chǎn)品的演進(jìn)規(guī)則歉备。

8.對(duì)WEB標(biāo)準(zhǔn)以及W3C的理解與認(rèn)識(shí)?

標(biāo)簽閉合傅是、標(biāo)簽小寫(xiě)、不亂嵌套蕾羊、提高搜索機(jī)器人搜索幾率喧笔、使用外 鏈css和 js 腳本、結(jié)構(gòu)行為表現(xiàn)的分離龟再、
文件下載與頁(yè)面速度更快书闸、內(nèi)容能被更多的用戶所訪問(wèn)、內(nèi)容能被更廣泛的設(shè)備所訪問(wèn)利凑、更少的代碼和組件浆劲，
容易維 護(hù)、改版方便截碴，不需要變動(dòng)頁(yè)面內(nèi)容梳侨、提供打印版本而不需要復(fù)制內(nèi)容、提高網(wǎng)站易用性日丹。

9.HTML5行內(nèi)元素有哪些,塊級(jí)元素有哪些, 空元素有哪些?

(1)行內(nèi)元素

a - 錨點(diǎn)

• abbr - 縮寫(xiě)

• acronym - 首字

• b - 粗體 ( 不推薦 )

• bdo - bidi override

• big - 大字體

• br - 換行

• cite - 引用

• code - 計(jì)算機(jī)代碼 ( 在引用源碼的時(shí)候需要 )

• dfn - 定義字段

• em - 強(qiáng)調(diào)

• font - 字體設(shè)定 ( 不推薦 )

• i - 斜體

• img - 圖片

• input - 輸入框

• kbd - 定義鍵盤文本

• label - 表格標(biāo)簽

• q - 短引用

• s - 中劃線 ( 不推薦 )

• samp - 定義范例計(jì)算機(jī)代碼

• select - 項(xiàng)目選擇

• small - 小字體文本

• span - 常用內(nèi)聯(lián)容器走哺，定義文本內(nèi)區(qū)塊

• strike - 中劃線

• strong - 粗體強(qiáng)調(diào)

• sub - 下標(biāo)

• sup - 上標(biāo)

• textarea - 多行文本輸入框

• tt - 電傳文本

• u - 下劃線

• var - 定義變量

(2)塊元素 (block element)

• address - 地址

• blockquote - 塊引用

• center - 居中對(duì)齊塊

• dir - 目錄列表

• div - 常用塊級(jí)容易，也是 css layout 的主要標(biāo)簽

• dl - 定義列表

• fieldset - form控制組

• form - 交互表單

• h1 - 大標(biāo)題

• h2 - 副標(biāo)題

• h3 - 3級(jí)標(biāo)題

• h4 - 4級(jí)標(biāo)題

• h5 - 5級(jí)標(biāo)題

• h6 - 6級(jí)標(biāo)題

• hr - 水平分隔線

• isindex - input prompt

• menu - 菜單列表

• noframes - frames可選內(nèi)容哲虾，（對(duì)于不支持 frame 的瀏覽器顯示此區(qū)塊內(nèi)容

• noscript - ）可選腳本內(nèi)容（對(duì)于不支持 script 的瀏覽器顯示此內(nèi)容）

• ol - 排序表單

• p - 段落

• pre - 格式化文本

• table - 表格

• ul - 非排序列表

可變?cè)?/p>

可變?cè)貫楦鶕?jù)上下文語(yǔ)境決定該元素為塊元素或者內(nèi)聯(lián)元素丙躏。

• applet - java applet

• button - 按鈕

• del - 刪除文本

• iframe - inline frame

• ins - 插入的文本

• map - 圖片區(qū)塊 (map)

• object - object對(duì)象

• script - 客戶端腳本

(3)空元素 ( 在 HTML[1] 元素中择示，沒(méi)有內(nèi)容的 HTML 元素被稱為空元素 )

//換行

<input> //文本框等

<img> //圖片

<link> <meta>

10. 什么是WebGL,它有什么優(yōu)點(diǎn)?

WebGL（全寫(xiě) Web Graphics Library ）是一種 3D 繪圖標(biāo)準(zhǔn)，這種繪圖技術(shù)標(biāo)準(zhǔn)允許把 JavaScript 和 OpenGL ES 2.0 結(jié)合在一起晒旅，通過(guò)增加 OpenGL ES 2.0 的一個(gè) JavaScript 綁定栅盲， WebGL 可以為 HTML5 Canvas 提供硬件 3D 加速渲染，這樣 Web 開(kāi)發(fā)人員就可以借助系統(tǒng)顯卡來(lái)在瀏覽器里更流暢地展示 3D 場(chǎng)景和模型了废恋，還能創(chuàng)建復(fù)雜的導(dǎo)航和數(shù)據(jù)視覺(jué)化谈秫。顯然， WebGL 技術(shù)標(biāo)準(zhǔn)免去了開(kāi)發(fā)網(wǎng)頁(yè)專用渲染插件的麻煩鱼鼓，可被用于創(chuàng)建具有復(fù)雜 3D 結(jié)構(gòu)的網(wǎng)站頁(yè)面拟烫，甚至可以用來(lái)設(shè)計(jì) 3D 網(wǎng)頁(yè)游戲等等。

WebGL完美地解決了現(xiàn)有的 Web 交互式三維動(dòng)畫(huà)的兩個(gè)問(wèn)題：

第一迄本，它通過(guò)HTML腳本本身實(shí)現(xiàn) Web 交互式三維動(dòng)畫(huà)的制作硕淑，無(wú)需任何瀏覽器插件支持 ;

第二，它利用底層的圖形硬件加速功能進(jìn)行的圖形渲染嘉赎，是通過(guò)統(tǒng)一的置媳、標(biāo)準(zhǔn)的、跨平臺(tái)的OpenGL接口實(shí)現(xiàn)的公条。

通俗說(shuō)WebGL中 canvas 繪圖中的 3D 版本拇囊。因?yàn)樵?WebGL 很復(fù)雜，我們經(jīng)常會(huì)使用一些三方的庫(kù)赃份，如 three.js 等寂拆，這些庫(kù)多數(shù)用于 HTML5 游戲開(kāi)發(fā)奢米。

11. 請(qǐng)你描述一下 cookies抓韩，sessionStorage 和 localStorage 的區(qū)別?

sessionStorage 和 localStorage 是 HTML5 Web Storage API 提供的，可以方便的在 web 請(qǐng)求之間保存數(shù)據(jù)鬓长。有了本地?cái)?shù)據(jù)谒拴，就可以避免數(shù)據(jù)在瀏覽器和服務(wù)器間不必要地來(lái)回傳遞。

sessionStorage涉波、 localStorage 英上、 cookie 都是在瀏覽器端存儲(chǔ)的數(shù)據(jù)，其中 sessionStorage 的概念很特別啤覆，引入了一個(gè)“瀏覽器窗口”的概念苍日。 sessionStorage 是在同源的同窗口（或 tab ）中，始終存在的數(shù)據(jù)窗声。也就是說(shuō)只要這個(gè)瀏覽器窗口沒(méi)有關(guān)閉相恃，即使刷新頁(yè)面或進(jìn)入同源另一頁(yè)面，數(shù)據(jù)仍然存在笨觅。關(guān)閉窗口后拦耐， sessionStorage 即被銷毀耕腾。同時(shí)“獨(dú)立”打開(kāi)的不同窗口，即使是同一頁(yè)面杀糯， sessionStorage 對(duì)象也是不同的

cookies會(huì)發(fā)送到服務(wù)器端扫俺。其余兩個(gè)不會(huì)。

Microsoft 指出 Internet Explorer 8 增加 cookie 限制為每個(gè)域名 50 個(gè)固翰，但 IE7 似乎也允許每個(gè)域名 50 個(gè) cookie 狼纬。 Firefox 每個(gè)域名 cookie 限制為 50 個(gè)。 Opera 每個(gè)域名 cookie 限制為 30 個(gè)骂际。 Firefox 和 Safari 允許 cookie 多達(dá) 4097 個(gè)字節(jié)畸颅，包括名（ name ）、值（ value ）和等號(hào)方援。 Opera 許 cookie 多達(dá) 4096 個(gè)字節(jié)没炒，包括：名（ name ）、值（ value ）和等號(hào)犯戏。 Internet Explorer 允許 cookie 多達(dá) 4095 個(gè)字節(jié)送火，包括：名（ name ）、值（ value ）和等號(hào)先匪。

區(qū)別：

• Cookie

• 每個(gè)域名存儲(chǔ)量比較兄治（各瀏覽器不同，大致 4K ）

• 所有域名的存儲(chǔ)量有限制（各瀏覽器不同呀非，大致 4K ）

• 有個(gè)數(shù)限制（各瀏覽器不同）

• 會(huì)隨請(qǐng)求發(fā)送到服務(wù)器

• LocalStorage

• 永久存儲(chǔ)

• 單個(gè)域名存儲(chǔ)量比較大（推薦 5MB 坚俗，各瀏覽器不同）

• 總體數(shù)量無(wú)限制

• SessionStorage

• 只在 Session 內(nèi)有效

• 存儲(chǔ)量更大（推薦沒(méi)有限制，但是實(shí)際上各瀏覽器也不同）

12. 說(shuō)說(shuō)你對(duì)HTML語(yǔ)義化的理解?

(1)什么是 HTML 語(yǔ)義化岸裙？

<基本上都是圍繞著幾個(gè)主要的標(biāo)簽猖败，像標(biāo)題（ H1~H6 ）、列表（ li ）降允、強(qiáng)調(diào)（ strong em ）等等 >

根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語(yǔ)義化）恩闻，選擇合適的標(biāo)簽（代碼語(yǔ)義化）便于開(kāi)發(fā)者閱讀和寫(xiě)出更優(yōu)雅的代碼的同時(shí)讓瀏覽器的爬蟲(chóng)和機(jī)器很好地解析。

(2)為什么要語(yǔ)義化剧董？

為了在沒(méi)有CSS的情況下幢尚，頁(yè)面也能呈現(xiàn)出很好地內(nèi)容結(jié)構(gòu)、代碼結(jié)構(gòu) : 為了裸奔時(shí)好看翅楼；

用戶體驗(yàn)：例如title尉剩、 alt 用于解釋名詞或解釋圖片信息、 label 標(biāo)簽的活用毅臊；

有利于SEO：和搜索引擎建立良好溝通理茎，有助于爬蟲(chóng)抓取更多的有效信息：爬蟲(chóng)依賴于標(biāo)簽來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重；

方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器功蜓、移動(dòng)設(shè)備）以意義的方式來(lái)渲染網(wǎng)頁(yè)园爷；

便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)，語(yǔ)義化更具可讀性式撼，是下一步網(wǎng)頁(yè)的重要?jiǎng)酉蛲纾裱璚3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn)，可以減少差異化著隆。

(3) 語(yǔ)義化標(biāo)簽

<header></header>

<footer></footer>

<nav></nav>

<section></section>

<article></article> SM:用來(lái)在頁(yè)面中表示一套結(jié)構(gòu)完整且獨(dú)立的內(nèi)容部分

<aslde></aside> SM:主題的附屬信息 ( 用途很廣扰楼，主要就是一個(gè)附屬內(nèi)容 ) ，如果 article 里面為一篇文章的話美浦，那么文章的作者以及信息內(nèi)容就是這篇文章的附屬內(nèi)容了

<figure></figure>SM:媒體元素弦赖，比如一些視頻，圖片啊等等

<datalist></datalist>

SM:選項(xiàng)列表浦辨，與 input 元素配合使用蹬竖，來(lái)定義 input 可能的值

<details></details>

SM:用于描述文檔或者文檔某個(gè)部分的細(xì)節(jié) ~ 默認(rèn)屬性為 open~

ps:配合 summary 一起使用

13. link和@import的區(qū)別?

XML/HTML代碼

<link rel='stylesheet' rev='stylesheet' href='CSS文件 ' type='text/css' media='all' />

XML/HTML代碼

<style type='text/css' media='screen'>

@import url('CSS文件 ');

</style>

兩者都是外部引用CSS的方式，但是存在一定的區(qū)別：

區(qū)別1： link 是 XHTML 標(biāo)簽流酬，除了加載 CSS 外币厕，還可以定義 RSS 等其他事務(wù)； @import 屬于 CSS 范疇芽腾，只能加載 CSS 旦装。

區(qū)別2： link 引用 CSS 時(shí)，在頁(yè)面載入時(shí)同時(shí)加載摊滔； @import 需要頁(yè)面網(wǎng)頁(yè)完全載入以后加載阴绢。

區(qū)別3： link 是 XHTML 標(biāo)簽，無(wú)兼容問(wèn)題艰躺； @import 是在 CSS2.1 提出的呻袭，低版本的瀏覽器不支持。

區(qū)別4： link 支持使用 Javascript 控制 DOM 去改變樣式描滔；而 @import 不支持棒妨。

說(shuō)說(shuō)你對(duì)SVG理解?

SVG可縮放矢量圖形（ Scalable Vector Graphics ）是基于可擴(kuò)展標(biāo)記語(yǔ)言（ XML ），用于描述二維矢量圖形的一種圖形格式含长。 SVG 是 W3C('World Wide Web ConSortium' 即 ' 國(guó)際互聯(lián)網(wǎng)標(biāo)準(zhǔn)組織 ') 在 2000 年 8 月制定的一種新的二維矢量圖形格式，也是規(guī)范中的網(wǎng)絡(luò)矢量圖形標(biāo)準(zhǔn)伏穆。 SVG 嚴(yán)格遵從 XML 語(yǔ)法拘泞，并用文本格式的描述性語(yǔ)言來(lái)描述圖像內(nèi)容，因此是一種和圖像分辨率無(wú)關(guān)的矢量圖形格式枕扫。 SVG 于 2003 年 1 月 14 日成為 W3C 推薦標(biāo)準(zhǔn)陪腌。

特點(diǎn)：

(1)任意放縮

用戶可以任意縮放圖像顯示，而不會(huì)破壞圖像的清晰度、細(xì)節(jié)等诗鸭。

(2)文本獨(dú)立

SVG圖像中的文字獨(dú)立于圖像染簇，文字保留可編輯和可搜尋的狀態(tài)。也不會(huì)再有字體的限制强岸，用戶系統(tǒng)即使沒(méi)有安裝某一字體锻弓，也會(huì)看到和他們制作時(shí)完全相同的畫(huà)面。

(3)較小文件

總體來(lái)講蝌箍，SVG文件比那些 GIF 和 JPEG 格式的文件要小很多青灼，因而下載也很快。

(4)超強(qiáng)顯示效果

SVG圖像在屏幕上總是邊緣清晰妓盲，它的清晰度適合任何屏幕分辨率和打印分辨率杂拨。

(5)超級(jí)顏色控制

SVG圖像提供一個(gè) 1600 萬(wàn)種顏色的調(diào)色板，支持 ICC 顏色描述文件標(biāo)準(zhǔn)悯衬、 RGB 弹沽、線 X 填充、漸變和蒙版筋粗。

(6)交互 X 和智能化贷币。 SVG 面臨的主要問(wèn)題一個(gè)是如何和已經(jīng)占有重要市場(chǎng)份額的矢量圖形格式 Flash 競(jìng)爭(zhēng)的問(wèn)題，另一個(gè)問(wèn)題就是 SVG 的本地運(yùn)行環(huán)境下的廠家支持程度亏狰。

瀏覽器支持：

Internet Explorer9役纹，火狐，谷歌 Chrome 暇唾， Opera 和 Safari 都支持 SVG 促脉。

IE8和早期版本都需要一個(gè)插件 - 如 Adobe SVG 瀏覽器，這是免費(fèi)提供的策州。

HTML全局屬性(global attribute)有哪些?

MDN: html global attribute或者W3C HTML global-attributes accesskey:設(shè)置快捷鍵瘸味，提供快速訪問(wèn)元素如aaa在windows下的firefox中按alt + shift + a可激活元素 class:為元素設(shè)置類標(biāo)識(shí)，多個(gè)類名用空格分開(kāi)够挂，CSS和javascript可通過(guò)class屬性獲取元素 contenteditable: 指定元素內(nèi)容是否可編輯 contextmenu: 自定義鼠標(biāo)右鍵彈出菜單內(nèi)容 data-*: 為元素增加自定義屬性 dir: 設(shè)置元素文本方向 draggable: 設(shè)置元素是否可拖拽 dropzone: 設(shè)置元素拖放類型： copy, move, link hidden: 表示一個(gè)元素是否與文檔旁仿。樣式上會(huì)導(dǎo)致元素不顯示，但是不能用這個(gè)屬性實(shí)現(xiàn)樣式效果 id: 元素id孽糖，文檔內(nèi)唯一 lang: 元素內(nèi)容的的語(yǔ)言 spellcheck: 是否啟動(dòng)拼寫(xiě)和語(yǔ)法檢查 style: 行內(nèi)css樣式 tabindex: 設(shè)置元素可以獲得焦點(diǎn)枯冈，通過(guò)tab可以導(dǎo)航 title: 元素相關(guān)的建議信息 translate: 元素和子孫節(jié)點(diǎn)內(nèi)容是否需要本地化