1饰迹、你做的頁(yè)面在哪些流覽器測(cè)試過？這些瀏覽器的內(nèi)核分別是什么?
ie：ie內(nèi)核
谷歌、Safari：WebKit內(nèi)核
Opera：Presto內(nèi)核
2赦颇、每個(gè)HTML文件里開頭都有個(gè)很重要的東西，Doctype赴涵，知道這是干什么的嗎媒怯？**
**
<!DOCTYPE>聲明位于文檔的最前面的位置，處于<html>標(biāo)簽之前句占。此標(biāo)簽會(huì)告訴瀏覽器文檔使用哪種HTML或者XHTML規(guī)范沪摄。（重點(diǎn)：告訴瀏覽器按照何種規(guī)范即系頁(yè)面）
Doctype不存在或者格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn)
3、Quirks模式是什么纱烘？它和Standards模式有什么區(qū)別**
**
Quirks Mode是一種瀏覽器（像IE杨拐，F(xiàn)irefox，Opera）操作模式擂啥。從根本上說哄陶，怪異模式（也稱之為兼容模式）意味著一個(gè)相對(duì)新的瀏覽器故意模擬許多在舊瀏覽器中存在的
bug，特別是在IE4和IE5中哺壶。
Standards為標(biāo)準(zhǔn)模式
4屋吨、div+css的布局較table布局有什么優(yōu)點(diǎn)？**** ****19**
**
1.代碼少山宾，頁(yè)面文件小至扰，下載快
2.布局靈活，網(wǎng)頁(yè)有小的改動(dòng)不影響搜索引擎收錄
3.影響搜索排名
5资锰、 img的alt與title有何異同敢课？ strong與em的異同？**
**
alt和title的相同點(diǎn):
同屬于img的屬性绷杜，可以替代圖片顯示為文本直秆。
不同點(diǎn)：
alt是圖片在無(wú)法正確顯示的時(shí)候起到文本替代的作用；
title在鼠標(biāo)滑過時(shí)顯示的文字提示鞭盟。
em表示強(qiáng)調(diào)
strong表示更強(qiáng)烈的強(qiáng)調(diào)圾结。
言簡(jiǎn)意賅，表明了em和strong的命名來歷齿诉。并且在瀏覽器中筝野，em默認(rèn)用斜體表示晌姚，strong用粗體表示。
6歇竟、你能描述一下漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)之間的不同嗎?**
**
漸進(jìn)增強(qiáng)（progressive enhancement）：一開始只構(gòu)建站點(diǎn)的最少特性舀凛，然后不斷針對(duì)各瀏覽器追加功能。
優(yōu)雅降級(jí)：使用優(yōu)雅降級(jí)方案途蒋，
Web站點(diǎn)在所有新式瀏覽器中都能正常工作猛遍，如果用戶使用的是老式瀏覽器，則代碼會(huì)檢查以確認(rèn)它們是否能正常工作号坡。
7懊烤、為什么利用多個(gè)域名來存儲(chǔ)網(wǎng)站資源會(huì)更有效？**
**
CDN緩存更方便突破瀏覽器并發(fā)限制
節(jié)約cookie帶寬
節(jié)約主域名的連接數(shù)宽堆，優(yōu)化頁(yè)面響應(yīng)速度
防止不必要的安全問題
8腌紧、請(qǐng)談一下你對(duì)網(wǎng)頁(yè)標(biāo)準(zhǔn)和標(biāo)準(zhǔn)制定機(jī)構(gòu)重要性的理解。**
**
網(wǎng)頁(yè)標(biāo)準(zhǔn)和標(biāo)準(zhǔn)制定機(jī)構(gòu)都是為了能讓
web發(fā)展的更‘健康’畜隶，首先約束瀏覽器開發(fā)者遵循統(tǒng)一的標(biāo)準(zhǔn)壁肋，其次約束網(wǎng)站開發(fā)者，這樣降低開發(fā)難度籽慢，開發(fā)成本浸遗，SEO也會(huì)更好做，也不會(huì)因?yàn)闉E用代碼導(dǎo)致各種BUG箱亿、安全問題跛锌，最終提高網(wǎng)站易用性。
9届惋、請(qǐng)描述一下cookies髓帽，sessionStorage和localStorage的區(qū)別？***
**
LocalStorage（本地存儲(chǔ)）和sessionStorage（會(huì)話存儲(chǔ)）
LocalStorage和sessionStorage功能上是一樣的脑豹，但是存儲(chǔ)持久時(shí)間不一樣郑藏。
LocalStorage：瀏覽器關(guān)閉了數(shù)據(jù)仍然可以保存下來，并可用于所有同源（相同的域名瘩欺、協(xié)議和端口）窗口（或標(biāo)簽頁(yè)）必盖，
sessionStorage：數(shù)據(jù)存儲(chǔ)在窗口對(duì)象中，窗口關(guān)閉后對(duì)應(yīng)的窗口對(duì)象消失击碗，存儲(chǔ)的數(shù)據(jù)也會(huì)丟失筑悴。
10们拙、簡(jiǎn)述一下src與href的區(qū)別稍途。**
**
href 表示超文本引用（hypertext reference）糯崎，在 link和a 等元素上使用 src 表示來源地址巴刻，在 img、script涮因、iframe 等元素上 src 的內(nèi)容，是頁(yè)面必不可少的一部分坷虑，是引入甲馋。href 的內(nèi)容，是與該頁(yè)面有關(guān) 聯(lián)迄损，是引用定躏。區(qū)別就是，引入和引用芹敌。
11痊远、知道的網(wǎng)頁(yè)制作會(huì)用到的圖片格式有哪些？**
**
Jpg png gif
12氏捞、知道什么是微格式嗎碧聪？**
**
微格式是一種讓機(jī)器可讀的語(yǔ)義化
XHTML 詞匯的集 合,是結(jié)構(gòu)化數(shù)據(jù)的開放標(biāo)準(zhǔn)
13、在css/js代碼上線之后開發(fā)人員經(jīng)常會(huì)優(yōu)化性能液茎，從用戶刷新網(wǎng)頁(yè)開始逞姿，一次js請(qǐng)求一般情況下有哪些地方會(huì)有緩存處理？**
**
dns（域名服務(wù)器）緩存捆等，cdn（）緩存滞造，瀏覽器緩存，服務(wù)器緩存栋烤。
14断部、一個(gè)頁(yè)面上有大量的圖片（大型電商網(wǎng)站），加載很慢班缎，你有哪些方法優(yōu)化這些圖片的加載蝴光，給用戶更好的體驗(yàn)。**
**
圖片懶加載达址，在頁(yè)面上的未可視區(qū)域可以添加一個(gè)滾動(dòng)條事件蔑祟，判斷圖片位置與瀏覽器頂端的距離與頁(yè)面的距離，如果前者小于后者沉唠，優(yōu)先加載疆虚。
如果為幻燈片、相冊(cè)等满葛，可以使用圖片預(yù)加載技術(shù)径簿，將當(dāng)前展示圖片的前一張和后一張優(yōu)先下載。
如果圖片為
css圖片嘀韧，可以使用CSSsprite篇亭，SVGsprite，Iconfont锄贷、Base64等技術(shù)译蒂。如果圖片過大曼月，可以使用特殊編碼的圖片，加載時(shí)會(huì)先加載一張壓縮的特別厲害的縮略圖柔昼，以提高用戶體驗(yàn)哑芹。
如果圖片展示區(qū)域小于圖片的真實(shí)大小，則因在服務(wù)器端根據(jù)業(yè)務(wù)需要先行進(jìn)行圖片壓縮捕透，圖片壓縮后大小與展示一致聪姿。
如果是小圖片（圖標(biāo)一類的）就用：雪碧圖/精靈圖
15、你如何理解HTML結(jié)構(gòu)的語(yǔ)義化乙嘀？**
**
去掉或樣式丟失的時(shí)候能讓頁(yè)面呈現(xiàn)清晰的結(jié)構(gòu)咳燕；
便于團(tuán)隊(duì)開發(fā)和維護(hù)。
16乒躺、談?wù)勔郧岸私嵌瘸霭l(fā)做好SEO需要考慮什么招盲？**
**
SEO：搜索引擎優(yōu)化
需要知道一些搜索引擎的基本工作原理，各個(gè)搜索引擎之間的區(qū)別嘉冒，搜索機(jī)器人（
SE robot 或叫 web crawler）如何進(jìn)行工作曹货，搜索引擎如何對(duì)搜索結(jié)果進(jìn)行排序等等。
17讳推、有哪項(xiàng)方式可以對(duì)一個(gè)DOM設(shè)置它的CSS樣式顶籽？**
**
外部樣式表，引入一個(gè)外部
css文件 內(nèi)部樣式表银觅，將
css代碼放在 <head> 標(biāo)簽內(nèi)部 內(nèi)聯(lián)樣式礼饱，將
css樣式直接定義在 HTML 元素內(nèi)部
18、CSS都有哪些選擇器究驴？**
**
派生選擇器（用HTML標(biāo)簽申明）
id選擇器（用DOM的ID申明）
類選擇器（用一個(gè)樣式類名申明）
屬性選擇器（用DOM的屬性申明镊绪，屬于CSS2，IE6不支持洒忧，不常用蝴韭， 不知道就算了）
除了前3種基本選擇器，還有一些擴(kuò)展選擇器熙侍，包括：
后代選擇器（利用空格間隔榄鉴，比如div .a{ }）
群組選擇器（利用逗號(hào)間隔，比如p,div,#a{ }）
19蛉抓、CSS中可以通過哪些屬性定義庆尘，使得一個(gè)DOM元素不顯示在瀏覽器可視范圍內(nèi)？**
**
最基本的：
設(shè)置display屬性為none巷送，或者設(shè)置visibility屬性為hidden
技巧性：
設(shè)置寬高為0驶忌，設(shè)置透明度為0，設(shè)置z-index位置在-1000em
20惩系、超鏈接訪問過后hover樣式就不出現(xiàn)的問題是什么位岔？如何解決?**
**
被點(diǎn)擊訪問過的超鏈接樣式不在具有
hover和active了,解決方法是改變CSS屬性的排列順序: L-V-H-A（link,visited,hover,active）
