1.作用？標準模式與兼容模式各有什么區別
聲明位于位于HTML文檔中的第一行，處于 標簽之前。告知瀏覽器的解析器,用什么文檔標準解析這個文檔。不存在或格式不正確會導致文檔以兼容模式呈現。
標準模式的排版 和JS運作模式都是以該瀏覽器支持的最高標準運行。在兼容模式中，頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點無法工作。
2.HTML5 為什么只需要寫 ？
HTML5 不基于 SGML，因此不需要對DTD進行引用，但是需要來規范瀏覽器的行為（讓瀏覽器按照它們應該的方式來運行）；
而HTML4.01基于SGML,所以需要對DTD進行引用，才能告知瀏覽器文檔所使用的文檔類型。**
3.行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？
首先：CSS規范規定，每個元素都有屬性，確定該元素的類型，每個元素都有默認的值，如div的默認值為“block”，則為“塊級”元素；span默認屬性值為“”，是“行內”元素。
（1）行內元素有：a b span img input （強調的語氣）
（2）塊級元素有：div ul ol li dl dt dd h1 h2 h3 h4…p
（3）常見的空元素：
鮮為人知的是：
4.頁面導入樣式時，使用link和@有什么區別？
link屬于XHTML標簽，除了加載CSS外，還能用于定義RSS, 定義rel連接屬性等作用；而@是CSS提供的，只能用于加載CSS;
頁面被加載的時，link會同時被加載，而@引用的CSS會等到頁面被加載完再加載;
是CSS2.1 提出的，只在IE5以上才能被識別，而link是XHTML標簽，無兼容問題;
5.介紹一下你對瀏覽器內核的理解？
主要分成兩部分：渲染引擎( 或 )和JS引擎。
渲染引擎：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。
JS引擎則：解析和執行來實現網頁的動態效果。
最開始渲染引擎和JS引擎并沒有區分的很明確，后來JS引擎越來越獨立，內核就傾向于只指渲染引擎。
6.常見的瀏覽器內核有哪些？
內核：IE,,TT,The World,360,搜狗瀏覽器等。[又稱]
Gecko內核：及以上版本，FF,/等
內核：及以上。 [Opera內核原為：，現為：Blink;]
內核：,等。 [ 的：Blink（的分支）]
7.html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區分 HTML 和 HTML5？
移除的元素：
純表現的元素：，big，，font, s，，tt，u;
對可用性產生負面影響的元素：frame，，；
8.簡述一下你對HTML語義化的理解？
用正確的標簽做正確的事情。
html語義化讓頁面的內容結構化，結構更清晰，便于對瀏覽器、搜索引擎解析;
即使在沒有樣式CSS情況下也以一種文檔格式顯示，并且是容易閱讀的;
搜索引擎的爬蟲也依賴于HTML標記來確定上下文和各個關鍵字的權重瀏覽器兼容性問題面試，利于SEO;
使閱讀源代碼的人對網站更容易將網站分塊，便于閱讀維護理解。
9.HTML5的離線儲存怎么使用，工作原理能不能解釋一下？
在用戶沒有連網時，可以正常訪問站點或應用，在用戶與網絡連接時更新用戶機器上的緩存文件。
原理：HTML5的離線存儲是基于一個新建的.文件的緩存機制(不是存儲技術)，通過這個文件上的解析清單離線存儲資源，這些資源就會像一樣被存儲了下來。之后當網絡在處于離線狀態下時，瀏覽器會通過被離線存儲的數據進行頁面展示。
如何使用：
頁面頭部像下面一樣加入一個的屬性；
在cache.文件的編寫離線存儲的資源；
CACHE
#v0.11
CACHE:
js/app.js
css/style.css
:
/logo.png
:
/ /.html
在離線狀態時，操作.進行需求實現。
10.瀏覽器是怎么對HTML5的離線儲存資源進行管理和加載的呢？
在線的情況下，瀏覽器發現html頭部有屬性，它會請求文件，如果是第一次訪問app，那么瀏覽器就會根據文件的內容下載相應的資源并且進行離線存儲。如果已經訪問過app并且資源已經離線存儲了，那么瀏覽器就會使用離線的資源加載頁面，然后瀏覽器會對比新的文件與舊的文件，如果文件沒有發生改變，就不做任何操作，如果文件改變了，那么就會重新下載文件中的資源并進行離線存儲。
離線的情況下，瀏覽器就直接使用離線存儲的資源。
11.有那些缺點？
會阻塞主頁面的事件；
搜索引擎的檢索程序無法解讀這種頁面，不利于SEO;
和主頁面共享連接池，而瀏覽器對相同域的連接有限制，所以會影響頁面的并行加載。
使用之前需要考慮這兩個缺點。如果需要使用，最好是通過
動態給添加src屬性值，這樣可以繞開以上兩個問題。
12.Label的作用是什么？是怎么用的？
label標簽來定義表單控制間的關系,當用戶選擇該標簽時，瀏覽器會自動將焦點轉到和標簽相關的表單控件上。
13.如何實現瀏覽器內多個標簽頁之間的通信?
、也可以調用、等本地存儲方式，還可以使用頁面的路有參數傳遞
另一個瀏覽上下文里被添加、修改或刪除時，它都會觸發一個事件，
我們通過監聽事件，控制它的值來進行頁面信息通信；
14.如何在頁面上實現一個圓形的可點擊區域？
map+area或者svg
-
純js實現 需要求一個點在不在圓上簡單算法、獲取鼠標坐標等等
15.title與h1的區別、b與的區別、i與em的區別？
title屬性沒有明確意義只表示是個標題，H1則表示層次明確的標題，對頁面信息的抓取也有很大的影響；
是標明重點內容，有語氣加強的含義，使用閱讀設備閱讀網絡時：會重讀，而是展示強調內容。
i內容展示為斜體，em表示強調的文本；
16.data-屬性的作用是什么？
h5新增的屬性
可以通過ele.獲取到標簽上的data-x的屬性
返回一個對象
17.常見兼容性問題？問題：png24位的圖片在iE6瀏覽器上出現背景，
解決：解決方案是做成PNG8.
問題：瀏覽器默認的和不同。
解決：方案是加一個全局的*{:0;:0;}來統一。
問題：IE6雙邊距bug:塊屬性標簽float后，又有橫行的情況下，在ie6顯示比設置的大。浮動ie產生的雙倍距離 #box{ float:left; width:10px; :0 0 0 100px;}這種情況之下IE會產生20px的距離**
解決：解決方案是在float的標簽樣式控制中加入 ——:;將其轉化為行內屬性。(_這個符號只有ie6會識別)
漸進識別的方式，從總體中逐漸排除局部。
首先，巧妙的使用“9”這一標記，將IE游覽器從所有情況中分離出來。 接著，再次使用“+”將IE8和IE7、IE6分離開來，這樣IE8已經獨立識別。
css
.bb{
?? background-color:#f1ee18;/*所有識別*/
? .background-color:#00deff\9; /*IE6、7、8識別*/
? +background-color:#a200ff;/*IE6、7識別*/
? _background-color:#1e0bd1;/*IE6識別*/
? }
問題：IE下,可以使用獲取常規屬性的方法來獲取自定義屬性,也可以使用()獲取自定義屬性瀏覽器兼容性問題面試，下,只能使用()獲取自定義屬性.
解決：解決方法:統一通過()獲取自定義屬性.
問題：IE下,even對象有x,y屬性,但是沒有pageX,pageY屬性，下,event對象有pageX,pageY屬性,但是沒有x,y屬性.
解決方法：（條件注釋）缺點是在IE瀏覽器下可能會增加額外的HTTP請求數。
問題： 中文界面下默認會將小于 12px 的文本強制按照 12px 顯示,
解決：可通過加入 CSS 屬性 --text-size-: none; 解決.
問題：超鏈接訪問過后hover樣式就不出現了 被點擊訪問過的超鏈接樣式不在具有hover和了
解決：方法是改變CSS屬性的排列順序:L-V-H-A : a:link {} a: {} a:hover {} a: {}
18.你知道多少種文檔類型？
該標簽可聲明三種 DTD 類型，分別表示嚴格版本、過渡版本以及基于框架的 HTML 文檔。
HTML 4.01 規定了三種文檔類型：、 以及 。
XHTML 1.0 規定了三種 XML 文檔類型：、 以及 。
（標準）模式（也就是嚴格呈現模式）用于呈現遵循最新標準的網頁，而 （包容）模式（也就是松散呈現模式或者兼容模式）用于呈現為傳統瀏覽器而設計的網頁。
19.HTML與XHTML——二者有什么區別？
1）所有的標記都必須要有一個相應的結束標記
2）所有標簽的元素和屬性的名字都必須使用小寫
3）所有的XML標記都必須合理嵌套
4）所有的屬性必須用引號""括起來
5）把所有 id > class > 標簽
! 比 內聯優先級高
30.哪些css屬性可以繼承？
可繼承： font-size font- color, ul li dl dd dt;
不可繼承 ： width ;
DOM
講 DOM 先從 HTML 講起，講 HTML 先從 XML 講起。XML 是一種可擴展的標記語言，所謂可擴展就是它可以描述任何結構化的數據，它是一棵樹！
1..write和 的區別
.write只能重繪整個頁面
可以重繪頁面的一部分
2.DOM操作——怎樣添加、移除、移動、復制、創建和查找節點?1）創建新節點
nt() //創建一個DOM片段
() //創建一個具體的元素
() //創建一個文本節點
2）添加、移除、替換、插入
()
()
()
() //在已有的子節點前插入一個新的子節點
3）查找
() //通過標簽名稱
() //通過元素的Name屬性的值(IE容錯能力較強，會得到一個數組，其中包括id等于name值的)
() //通過元素Id，唯一性
3.和的區別是什么？
是dom元素在文檔中作為html標簽擁有的屬性；
就是dom元素在js中作為對象擁有的屬性。
所以：
對于html的標準屬性來說，和是同步的，是會自動更新的，
但是對于自定義的屬性來說，他們是不同步的，
4.src和href的區別
src用于替換當前元素，href用于在當前文檔和引用資源之間確立聯系。
src是的縮寫，指向外部資源的位置，指向的內容將會嵌入到文檔中當前標簽所在位置；在請求src資源時會將其指向的資源下載并應用到文檔內，當瀏覽器解析到該元素時，會暫停其他資源的下載和處理，直到將該資源加載、編譯、執行完畢，圖片和框架等元素也如此，類似于將所指向資源嵌入當前標簽內。這也是為什么將js腳本放在底部而不是頭部。
Src ,指向外部資源的位置,如果我們添加瀏覽器會暫停其他資源的下載和處理,直到該資源加載,編譯,執行完畢(圖片和框架也是如此),這也就是為什么js腳本要放在底部。
src用于替換當前元素,href用于在當前文檔和引入資源之間建立聯系。
存儲
本身不是用來做服務器端存儲的（計算機領域有很多這種“狗拿耗子”的例子，例如 CSS 中的 float），它是設計用來在服務器和客戶端進行信息傳遞的，因此我們的每個 HTTP 請求都帶著 。但是 也具備瀏覽器端存儲的能力（例如記住用戶名和密碼），因此就被開發者用上了。
使用起來也非常簡單，. = ....即可。
但是 有它致命的缺點：
存儲量太小，只有 4KB