★ ? 1.你做的頁面在哪些流覽器測試過?這些瀏覽器的內(nèi)核分別是什么?
? ? ? ? ? IE瀏覽器（trident內(nèi)核）减俏、火狐瀏覽器（gecko內(nèi)核）名斟、Opear瀏覽器(Blink內(nèi)核)、Safair,Chrome(Webkit內(nèi)核)
★ ? 2. 對WEB標(biāo)準(zhǔn)以及W3C的理解與認(rèn)識
? ? ? ? 標(biāo)簽閉合孝鹊、標(biāo)簽小寫、不亂嵌套、提高搜索機(jī)器人搜索幾率宗苍、使用外 鏈css和js腳本、結(jié)構(gòu)行為表現(xiàn)的分離亿遂、文件下載與頁面速度更快浓若、內(nèi)容能被更多的用戶所訪問、內(nèi)容能被更廣泛的設(shè)備所訪問蛇数、更少的代碼和組件挪钓，容易維護(hù)、改版方便耳舅，不需要變動頁面內(nèi)容碌上、提供打印版本而不需要復(fù)制內(nèi)容、提高網(wǎng)站易用性浦徊；
★ ? 3.什么是DOCTYPE馏予？嚴(yán)格模式與混雜模式如何區(qū)分?如何觸發(fā)這兩種模式?兩者的意義在哪里？
? ? ? 1）DOCTYPE的含義（document type）
? ? ? ? ? ? 翻譯過來是“文檔類型”盔性。是用來指定HTML的版本霞丧，告訴瀏覽器按照何種規(guī)范解析頁面，（但是也必須注意在聲明的時候要使用W3C發(fā)布的文檔類型定義中的規(guī)則）冕香。
? ? ? 2）嚴(yán)格模式與混雜模式區(qū)分標(biāo)準(zhǔn)
? ? ? ? ? ?嚴(yán)格模式：是瀏覽器根據(jù)web標(biāo)準(zhǔn)去解析頁面蛹尝，是一種要求嚴(yán)格的DTD（Document Type Definition）;
? ? ? ? ? ?混雜模式：是一種向后兼容的解析方法，簡單來說就是實(shí)現(xiàn)IE5.5以下版本瀏覽器的渲染模式悉尾。
? ? ?3）觸發(fā)兩種模式的方法
? ? ? ? ? ?觸發(fā)嚴(yán)格模式很簡單突那，就是建立網(wǎng)頁，聲明正確的DTD即可构眯；
? ? ? ? ? ?觸發(fā)混雜模式可以以下幾種方式：
? ? ? ? ? ? ? ? ? * ? ? 不寫<!DOCTYPE html>
? ? ? ? ? ? ? ? ? * ? ? <!DOCTYPE html>前面加上xml聲明? <?xml version="1.0" encoding="utf-8"?> (IE6) ??
? ? ? ? ? ? ? ? ? * ? ? <!DOCTYPE html> 和<?xml version="1.0" encoding="utf-8"?>之間加了（標(biāo)簽愕难、文本、注釋）(ie8以下都有惫霸，ie9以上未測)
? ? ? ? ? ? ? ? ? * ? ? 前面有（標(biāo)簽猫缭、文本、注釋）(ie8以下都有它褪，ie9以上未測)
? ? 4）區(qū)分嚴(yán)格模式和混雜模式的意義在哪里饵骨？
? ? ? ? ? ?盒模型的解析：混雜模式下會按照IE5.5的盒模型解析。而標(biāo)準(zhǔn)模式是按標(biāo)準(zhǔn)的盒模型解析茫打。
? ? ? ? ? ?當(dāng)一個塊元素div中包含的內(nèi)容只有圖片時居触，在標(biāo)準(zhǔn)模式下妖混，不管IE還是標(biāo)準(zhǔn)，在圖片底部都有3像素的空白轮洋。但在混雜模式下制市，標(biāo)準(zhǔn)瀏覽器（Chrome）中div距圖片底部默認(rèn)沒有空白。
? ? ? ? ? 在混雜模式下弊予，表格中的字體不會繼承它祖先元素（比如body祥楣，比如包含table的div）的字體樣式
? ? ? ? ? 在IE的混雜模式下，給inline元素設(shè)置高寬都有效汉柒。
? ? ? ? ? overflow溢出默認(rèn)值的問題误褪。標(biāo)準(zhǔn)模式下，溢出元素是溢出可見的碾褂，超出部分的內(nèi)容呈現(xiàn)在它的包含元素外兽间。在混雜模式下，IE瀏覽器的溢出元素會自適應(yīng)內(nèi)容的尺寸正塌。
★ ?4.前端頁面有哪三層構(gòu)成嘀略？
? ? ? 結(jié)構(gòu)層：HTML
? ? ?表現(xiàn)層：CSS
? ? ?行為層：JS
★ ?5.img的alt與title有何異同？strong與em的異同乓诽？
? ? ? ?Alt:是在圖片帜羊，窗體或用戶代理不能顯示的時候，用來指定替換文字鸠天，(在IE瀏覽器下回在沒有title時把a(bǔ)lt當(dāng)成tool tip顯示)
? ? ? ?title(tool tip)是為設(shè)置該屬性的元素的建議性信息讼育。
? ? ? ?strong:粗體敲掉標(biāo)簽，強(qiáng)調(diào)稠集，表示內(nèi)容的重要性
? ? ? ?em:斜體強(qiáng)調(diào)標(biāo)簽窥淆，更強(qiáng)烈情調(diào)，表示內(nèi)容的強(qiáng)調(diào)點(diǎn)
★ ?6.簡述一下src與href的區(qū)別巍杈。
? ? ? ?src:用于替換當(dāng)前元素，指向外部資源的位置扛伍，指向的內(nèi)容將會嵌入到文檔中當(dāng)前標(biāo)簽所在的位置筷畦；比如js腳本，img圖片等刺洒。鳖宾。
? ? ? ?href:指向網(wǎng)絡(luò)資源所在的位置，用于在當(dāng)前文檔和引用資源之間確立聯(lián)系例如link或者a標(biāo)簽中都會有href屬性逆航；
★ ?7.知道的網(wǎng)頁制作需要用到的格式
? ? ? ?png-8 ? ?png—24 ? ?jpeg ? ?gif ? ?svg
? ? ?但是面試官希望聽到的是Webp
? ? ? ?Webp:谷歌開發(fā)的一種加快圖片加載速度的圖片格式鼎文。能夠節(jié)省大量的服務(wù)器帶寬資源和數(shù)據(jù)空間。在質(zhì)量相同的情況下因俐，Webp格式圖像的體積要比jpeg格式圖像小40%拇惋；
★ ?8.你如何理解HTML結(jié)構(gòu)的語義化周偎？
? ? ? ? 標(biāo)簽語義化是指根據(jù)內(nèi)容的結(jié)構(gòu)化，選擇合適的標(biāo)簽
? ? ? ? 標(biāo)簽語義化的意義:
? ? ? ? ? ?* ? ?會使網(wǎng)頁結(jié)構(gòu)合理
? ? ? ? ? ?* ? ?有利于SEO和搜索引擎建立良好溝通撑帖，有了良好的結(jié)構(gòu)和語義蓉坎，我們的網(wǎng)頁內(nèi)容自然容易被搜索引擎抓取胡嘿；
? ? ? ? ? * ? ? 方便其他設(shè)備解析，比如屏幕閱讀器衷敌，盲人閱讀器，移動設(shè)備
? ? ? ? ? * ? ? 便于團(tuán)隊(duì)開發(fā)和維護(hù)
★ ?9.談?wù)勔郧岸私嵌瘸霭l(fā)做好SEO需要考慮什么缴罗？
? ? ? ? ? 1）SEO的含義（搜索引擎優(yōu)化”）
? ? ? ? ? ? ? 是指通過站內(nèi)優(yōu)化比如網(wǎng)站結(jié)構(gòu)調(diào)整、網(wǎng)站內(nèi)容建設(shè)瞒爬，網(wǎng)站代碼優(yōu)化等以及站外優(yōu)化比如網(wǎng)站站外推廣弓柱、網(wǎng)站品牌建設(shè)等，使網(wǎng)站滿足搜索引擎收錄排名需求矢空，在搜索引擎中提高關(guān)鍵詞排名禀横，從而吸引精準(zhǔn)用戶進(jìn)入網(wǎng)站屁药，獲得免費(fèi)流量，產(chǎn)生直接銷售或品牌推廣柏锄。
? ? ? ? ? ? ? 需要知道一些搜索引擎的基本工作原理酿箭，各個搜索引擎之間的區(qū)別，搜索機(jī)器人（SE robot）如何進(jìn)行工作缭嫡，搜素引擎如何對搜索結(jié)果進(jìn)行排序等
? ? ? ? ? 2）Meta標(biāo)簽
? ? ? ? ? ? ?主要包括主題（Title)抬闷，網(wǎng)站描述(Description)，和關(guān)鍵詞（Keywords）笤成。還有一些其它的隱藏文字比如Author（作者），Category（目錄）纵诞，Language（編碼語種）等。
? ? ? ? ? 3）如何選取關(guān)鍵詞并在網(wǎng)頁中放置關(guān)鍵詞
? ? ? ? ? ? ?搜索就得用關(guān)鍵詞浙芙。關(guān)鍵詞分析和選擇是SEO最重要的工作之一。首先要給網(wǎng)站確定主關(guān)鍵詞（一般在5個上下）塘砸，然后針對這些關(guān)鍵詞進(jìn)行優(yōu)化晤锥，包括關(guān)鍵詞密度（Density），相關(guān)度（Relavancy）矾瘾，突出性（Prominency）等等。
? ? ? ? ? 4）了解主要的搜索引擎
? ? ? ? ? ? ?雖然搜索引擎有很多蛉迹，但是對網(wǎng)站流量起決定作用的就那么幾個放妈。比如英文的主要有Google，Yahoo芜抒，Bing等；中文的有百度宅倒，搜狗，有道等蹭劈。不同的搜索引擎對頁面的抓取和索引线召、排序的規(guī)則都不一樣。還要了解各搜索門戶和搜索引擎之間的關(guān)系缓淹，比如AOL網(wǎng)頁搜索用的是Google的搜索技術(shù)，MSN用的是Bing的技術(shù)割卖。
? ? ? ? ? 5）主要的互聯(lián)網(wǎng)目錄
? ? ? ? ? ? ? Open?Directory自身不是搜索引擎患雏，而是一個大型的網(wǎng)站目錄，他和搜索引擎的主要區(qū)別是網(wǎng)站內(nèi)容的收集方式不同丙挽。目錄是人工編輯的，主要收錄網(wǎng)站主頁颜阐；搜索引擎是自動收集的，除了主頁外還抓取大量的內(nèi)容頁面瑰艘。
? ? ? ? ? 6）按點(diǎn)擊付費(fèi)的搜索引擎
? ? ? ? ? ? ?搜索引擎也需要生存肤舞，隨著互聯(lián)網(wǎng)商務(wù)的越來越成熟，收費(fèi)的搜索引擎也開始大行其道芒率。最典型的有Overture和百度篙顺，當(dāng)然也包括Google的廣告項(xiàng)目Google?Adwords。所有有必要學(xué)會用最少的廣告投入獲得最多的點(diǎn)擊德玫。
? ? ? ? ? 7）搜索引擎登錄
? ? ? ? ? ? ?網(wǎng)站做完了以后，別躺在那里等著客人從天而降萄窜。要讓別人找到你撒桨，最簡單的辦法就是將網(wǎng)站提交（submit）到搜索引擎。如果你的是商業(yè)網(wǎng)站穗泵，主要的搜索引擎和目錄都會要求你付費(fèi)來獲得收錄（比如Yahoo要299美元）谜疤，但是好消息是（至少到目前為止）最大的搜索引擎Google目前還是免費(fèi)，而且它主宰著60％以上的搜索市場夷磕。
? ? ? ? ? 8）鏈接交換和鏈接廣泛度（Link?Popularity）
? ? ? ? ? ? ?網(wǎng)頁內(nèi)容都是以超文本（Hypertext）的方式來互相鏈接的，網(wǎng)站之間也是如此尺棋。除了搜索引擎以外绵跷，人們也每天通過不同網(wǎng)站之間的鏈接來Surfing（“沖浪”）成福。其它網(wǎng)站到你的網(wǎng)站的鏈接越多荆残，你也就會獲得更多的訪問量。更重要的是蕴潦，你的網(wǎng)站的外部鏈接數(shù)越多嘿期，會被搜索引擎認(rèn)為它的重要性越大，從而給你更高的排名备徐。
? ? ? ? ? 9）合理的標(biāo)簽使用
★ ?10.請談一下你對網(wǎng)頁標(biāo)準(zhǔn)和標(biāo)準(zhǔn)制定機(jī)構(gòu)重要性的理解蜜猾。
? ? ? ? 網(wǎng)頁標(biāo)準(zhǔn)和標(biāo)準(zhǔn)制定機(jī)構(gòu)都是為了能讓web發(fā)展的更‘健康’，開發(fā)者遵循統(tǒng)一的標(biāo)準(zhǔn)蹭睡，降低開發(fā)難度，開發(fā)成本脊串，SEO也會更好做清钥，也不會因?yàn)闉E用代碼導(dǎo)致各種BUG、安全問題缕坎，最終提高網(wǎng)站易用性篡悟。
