一、SEO常見指標(biāo)
- title、description、keywords
- 網(wǎng)站速度
- 重要的html寫前面，重要的內(nèi)容不用js寫
- 語義化的html
- 少用iframe
- 非裝飾用的圖片添加alt屬性
二、<img>的title和alt屬性
- title 在鼠標(biāo)點(diǎn)上去的時(shí)候出現(xiàn)
- alt是圖片的屬性，圖片內(nèi)容的等價(jià)描述，可提高圖片高訪問性
三、Http的請(qǐng)求方法用途
1.get 獲取數(shù)據(jù)
2.post/put 修改數(shù)據(jù) put指定了資源在服務(wù)器上的位置
3.delete 刪除數(shù)據(jù)
4.head只請(qǐng)求頁面的首部
5.options用于獲取當(dāng)前URL所支持的方法，如果請(qǐng)求成功，會(huì)有一個(gè)ALLOW的頭包含類似“Get,Post”這樣的信息
6.trace 用于激發(fā)一個(gè)遠(yuǎn)程的，應(yīng)用層的請(qǐng)求消息回路
7.connect把請(qǐng)求轉(zhuǎn)換到透明的TCP/IP通道
四、簡(jiǎn)單地描述一下從瀏覽器輸入url地址到頁面顯示的過程
瀏覽器將輸入的URL進(jìn)行DNS解析找到真實(shí)的IP,向服務(wù)器發(fā)起請(qǐng)求—服務(wù)器收到請(qǐng)求進(jìn)行后臺(tái)處理，將數(shù)據(jù)返給瀏覽器，瀏覽器接收文件（js,css,html,圖像等）—瀏覽器將接收到的文件進(jìn)行語法解析，建立dom樹—載入解析到的資源文件，進(jìn)行頁面渲染
五、如何進(jìn)行網(wǎng)站性能優(yōu)化
- content：減少http請(qǐng)求（合并文件在線圖片）；減少DNS查詢（DNS緩存，將資源分布在適量的服務(wù)器上）；減少dom元素?cái)?shù)量
- server：使用cdn
- 減少cookie大小
- 樣式表放到頁面頂部，減少大小，不實(shí)用css表達(dá)式
- 腳本放到頁面底部，將css、js從外部引入，減少大小
- 圖片：優(yōu)化圖片
六、狀態(tài)碼及含義
- 1**：信息狀態(tài)碼，100 continue繼續(xù)
- 2**：成功狀態(tài)碼， 200 成功， 201—created 創(chuàng)建新資源，202—accept 服務(wù)器已接收，尚未處理
- 3**：重定向，301—永久重定向， 302—臨時(shí)性重定向，303—臨時(shí)性重定，304—not modified 上次訪問之后沒有進(jìn)行修改
- 4**：客戶端錯(cuò)誤 400—bad request ，401-未授權(quán) ，403-forbidden禁止訪問，404-not found
- 5**：服務(wù)端錯(cuò)誤 500 503
七、對(duì)瀏覽器內(nèi)核的理解
主要分為渲染引擎和js引擎。渲染引擎負(fù)責(zé)取得網(wǎng)頁的內(nèi)容（html/xml，圖像等），整理訊息（例如加入css等）以及計(jì)算網(wǎng)頁的顯示方式，然后輸出，不同的內(nèi)核對(duì)于網(wǎng)頁的語法解析會(huì)有不同，渲染的效果也不相同。js引擎主要負(fù)責(zé)解析和執(zhí)行js代碼來增加網(wǎng)頁的動(dòng)態(tài)效果。
八、HTML5有哪些新特性，移除了哪些元素
新增27個(gè)特性，廢除了16個(gè)特性。
- 新特性：canvas、語義化的標(biāo)簽、localsStorage 瀏覽器關(guān)閉 不會(huì)丟失、sessionStorage 瀏覽器關(guān)閉會(huì)自動(dòng)刪除、video/audio、表單控件、websocket、webworker、geolocation
- 廢除的: <font>、<u>、<basefont>、<big>、<tt>、<cent>、<strike>、<frameset>、<frame>、<noframes>
九、HTML5的離線存儲(chǔ)，解釋原理
用戶沒有聯(lián)網(wǎng)的時(shí)候，用戶可以正常訪問站點(diǎn)或應(yīng)用，聯(lián)網(wǎng)的時(shí)候，更新用戶機(jī)器上的緩存
- 原理：html5離線存儲(chǔ)是基于一個(gè).appcache文件的緩存機(jī)制，通過這個(gè)文件上的解析清單離線存儲(chǔ)資源，這些資源會(huì)像cookie一樣存儲(chǔ)下來，之后當(dāng)網(wǎng)絡(luò)處于離線狀態(tài)時(shí)，瀏覽器會(huì)通過被離線存儲(chǔ)的數(shù)據(jù)進(jìn)行頁面展示
- 使用：頁面頭部加一個(gè) manifest的屬性，在cache.manifest文件編寫離線存儲(chǔ)資源，在離線狀態(tài)時(shí)，操作window.applicationCache進(jìn)行需求實(shí)現(xiàn)
十、瀏覽器是怎么對(duì)HTML5的離線存儲(chǔ)資源進(jìn)行管理和加載的
- 在線的情況，瀏覽器發(fā)現(xiàn)頁面頭部有manifest屬性，就會(huì)去請(qǐng)求manifest文件，第一次訪問app的話，會(huì)根據(jù)文件里的內(nèi)容去下載資源并離線存儲(chǔ)，如果已經(jīng)訪問過了并且已經(jīng)離線存儲(chǔ)了，會(huì)直接使用離線資源加載頁面，瀏覽器對(duì)比新舊manifest文件，沒有變化的話，不做任何操作，有變化的話，會(huì)重新下載并離線存儲(chǔ)資源
- 離線的情況，會(huì)直接使用離線存儲(chǔ)資源
十一、sessionStorage、localStorage、cookie的區(qū)別
- cookie用于標(biāo)記用戶身份存在用戶本地客戶端，會(huì)隨著http請(qǐng)求在客戶端和服務(wù)器端來回傳遞
- sessionStorage 和 localStorage只存在客戶端 不會(huì)在服務(wù)端傳遞
- cookie的存儲(chǔ)大小不大于4k，localStorage和sessionStorage 存儲(chǔ)大小可以到5M
- cookie在過期時(shí)間內(nèi)不會(huì)消失， localStorage 不會(huì)隨著瀏覽器關(guān)閉而消失，sessionStorage瀏覽器關(guān)閉會(huì)消失
十二、iframe的缺點(diǎn)
iframe會(huì)影響onLoad事件；爬蟲不會(huì)去搜索iframe頁面，不利于seo；iframe和主頁面共享連接池，相同域的鏈接有限制，會(huì)影響并行加載速度；使用iframe時(shí)最好使用js動(dòng)態(tài)加載src屬性，避免這些問題
十三、web標(biāo)準(zhǔn)和w3c標(biāo)準(zhǔn)是什么
標(biāo)簽閉合、標(biāo)簽小寫、不亂嵌套、使用外鏈css及js、結(jié)構(gòu)行為表現(xiàn)分離
十四、xhtml和html的區(qū)別
- 功能上：xhtml能兼容各大瀏覽器、手機(jī)及pad，并且能快速正確地編寫頁面
- 書寫上：xhtml標(biāo)簽必須閉合，區(qū)分大小寫，必須正確地嵌套、文檔必須擁有根元素
十五、Doctype作用？嚴(yán)格模式和混雜模式如何區(qū)分，它們有何意義？
- <!Doctype>出現(xiàn)在文檔的最頂端，<html>標(biāo)簽之前，告訴瀏覽器的解析器用什么類型的規(guī)范來解析文檔
- 嚴(yán)格模式的排版和js運(yùn)行模式以瀏覽器的最高標(biāo)準(zhǔn)來執(zhí)行
- 混雜模式下，瀏覽器會(huì)以寬松的向后兼容的模式來運(yùn)行，模擬老瀏覽器的模式來運(yùn)行，以確保站點(diǎn)正常工作，一般缺少DOCTYPE或者格式不正確會(huì)以混雜模式處理
十六、行內(nèi)元素有哪些？塊級(jí)元素有哪些？空元素有哪些？行內(nèi)元素和塊級(jí)元素的區(qū)別？
行內(nèi)元素：<span><img><input><select><b><a><strong>
塊級(jí)元素：<div><p><ul><h><li><ol><dl><dd><tt><dt>
空元素：<br><hr><link><meta>
區(qū)別：行內(nèi)元素不占寬高，不獨(dú)占一行，塊級(jí)元素占寬高，獨(dú)占一行
十七、HTML全局屬性有哪些
- class—設(shè)置全局類標(biāo)志
- id—全局唯一id
- style—行內(nèi)css樣式
- lang—元素內(nèi)容的語言
- data-*—添加自定義屬性
- draggable—元素是否可拖拽
- title—元素相關(guān)的信息建議
