1、你做的頁面在哪些流覽器測試過？這些瀏覽器的內核分別是什么?
ie：ie內核
谷歌、Safari：WebKit內核
Opera：Presto內核
2、每個HTML文件里開頭都有個很重要的東西，Doctype，知道這是干什么的嗎？**
**
<!DOCTYPE>聲明位于文檔的最前面的位置，處于<html>標簽之前。此標簽會告訴瀏覽器文檔使用哪種HTML或者XHTML規范。（重點：告訴瀏覽器按照何種規范即系頁面）
Doctype不存在或者格式不正確會導致文檔以兼容模式呈現
3、Quirks模式是什么？它和Standards模式有什么區別**
**
Quirks Mode是一種瀏覽器（像IE，Firefox，Opera）操作模式。從根本上說，怪異模式（也稱之為兼容模式）意味著一個相對新的瀏覽器故意模擬許多在舊瀏覽器中存在的
bug，特別是在IE4和IE5中。
Standards為標準模式
4、div+css的布局較table布局有什么優點？**** ****19**
**
1.代碼少，頁面文件小，下載快
2.布局靈活，網頁有小的改動不影響搜索引擎收錄
3.影響搜索排名
5、 img的alt與title有何異同？ strong與em的異同？**
**
alt和title的相同點:
同屬于img的屬性，可以替代圖片顯示為文本。
不同點：
alt是圖片在無法正確顯示的時候起到文本替代的作用；
title在鼠標滑過時顯示的文字提示。
em表示強調
strong表示更強烈的強調。
言簡意賅，表明了em和strong的命名來歷。并且在瀏覽器中，em默認用斜體表示，strong用粗體表示。
6、你能描述一下漸進增強和優雅降級之間的不同嗎?**
**
漸進增強（progressive enhancement）：一開始只構建站點的最少特性，然后不斷針對各瀏覽器追加功能。
優雅降級：使用優雅降級方案，
Web站點在所有新式瀏覽器中都能正常工作，如果用戶使用的是老式瀏覽器，則代碼會檢查以確認它們是否能正常工作。
7、為什么利用多個域名來存儲網站資源會更有效？**
**
CDN緩存更方便突破瀏覽器并發限制
節約cookie帶寬
節約主域名的連接數，優化頁面響應速度
防止不必要的安全問題
8、請談一下你對網頁標準和標準制定機構重要性的理解。**
**
網頁標準和標準制定機構都是為了能讓
web發展的更‘健康’，首先約束瀏覽器開發者遵循統一的標準，其次約束網站開發者，這樣降低開發難度，開發成本，SEO也會更好做，也不會因為濫用代碼導致各種BUG、安全問題，最終提高網站易用性。
9、請描述一下cookies，sessionStorage和localStorage的區別？***
**
LocalStorage（本地存儲）和sessionStorage（會話存儲）
LocalStorage和sessionStorage功能上是一樣的，但是存儲持久時間不一樣。
LocalStorage：瀏覽器關閉了數據仍然可以保存下來，并可用于所有同源（相同的域名、協議和端口）窗口（或標簽頁），
sessionStorage：數據存儲在窗口對象中，窗口關閉后對應的窗口對象消失，存儲的數據也會丟失。
10、簡述一下src與href的區別。**
**
href 表示超文本引用（hypertext reference），在 link和a 等元素上使用 src 表示來源地址，在 img、script、iframe 等元素上 src 的內容，是頁面必不可少的一部分，是引入。href 的內容，是與該頁面有關 聯，是引用。區別就是，引入和引用。
11、知道的網頁制作會用到的圖片格式有哪些？**
**
Jpg png gif
12、知道什么是微格式嗎？**
**
微格式是一種讓機器可讀的語義化
XHTML 詞匯的集 合,是結構化數據的開放標準
13、在css/js代碼上線之后開發人員經常會優化性能，從用戶刷新網頁開始，一次js請求一般情況下有哪些地方會有緩存處理？**
**
dns（域名服務器）緩存，cdn（）緩存，瀏覽器緩存，服務器緩存。
14、一個頁面上有大量的圖片（大型電商網站），加載很慢，你有哪些方法優化這些圖片的加載，給用戶更好的體驗。**
**
圖片懶加載，在頁面上的未可視區域可以添加一個滾動條事件，判斷圖片位置與瀏覽器頂端的距離與頁面的距離，如果前者小于后者，優先加載。
如果為幻燈片、相冊等，可以使用圖片預加載技術，將當前展示圖片的前一張和后一張優先下載。
如果圖片為
css圖片，可以使用CSSsprite，SVGsprite，Iconfont、Base64等技術。如果圖片過大，可以使用特殊編碼的圖片，加載時會先加載一張壓縮的特別厲害的縮略圖，以提高用戶體驗。
如果圖片展示區域小于圖片的真實大小，則因在服務器端根據業務需要先行進行圖片壓縮，圖片壓縮后大小與展示一致。
如果是小圖片（圖標一類的）就用：雪碧圖/精靈圖
15、你如何理解HTML結構的語義化？**
**
去掉或樣式丟失的時候能讓頁面呈現清晰的結構；
便于團隊開發和維護。
16、談談以前端角度出發做好SEO需要考慮什么？**
**
SEO：搜索引擎優化
需要知道一些搜索引擎的基本工作原理，各個搜索引擎之間的區別，搜索機器人（
SE robot 或叫 web crawler）如何進行工作，搜索引擎如何對搜索結果進行排序等等。
17、有哪項方式可以對一個DOM設置它的CSS樣式？**
**
外部樣式表，引入一個外部
css文件 內部樣式表，將
css代碼放在 <head> 標簽內部 內聯樣式，將
css樣式直接定義在 HTML 元素內部
18、CSS都有哪些選擇器？**
**
派生選擇器（用HTML標簽申明）
id選擇器（用DOM的ID申明）
類選擇器（用一個樣式類名申明）
屬性選擇器（用DOM的屬性申明，屬于CSS2，IE6不支持，不常用， 不知道就算了）
除了前3種基本選擇器，還有一些擴展選擇器，包括：
后代選擇器（利用空格間隔，比如div .a{ }）
群組選擇器（利用逗號間隔，比如p,div,#a{ }）
19、CSS中可以通過哪些屬性定義，使得一個DOM元素不顯示在瀏覽器可視范圍內？**
**
最基本的：
設置display屬性為none，或者設置visibility屬性為hidden
技巧性：
設置寬高為0，設置透明度為0，設置z-index位置在-1000em
20、超鏈接訪問過后hover樣式就不出現的問題是什么？如何解決?**
**
被點擊訪問過的超鏈接樣式不在具有
hover和active了,解決方法是改變CSS屬性的排列順序: L-V-H-A（link,visited,hover,active）
