HTML、HTTP、web綜合問題

1.前端的三個SEO  

title,description,keywords

2.<img> 的 title 和 alt 有什麼區別

alt是圖片沒法加載時顯示，title是鼠標滑動到圖片上時顯示

3.從瀏覽器地址欄輸入url到顯示頁面的步驟

瀏覽器根據請求的 URL 交給 DNS 域名解析，找到真實 IP ，向服務器發起請求；
服務器交給後臺處理完成後返回數據，瀏覽器接收文件（ HTML、JS、CSS 、圖象等）；
瀏覽器對加載到的資源（ HTML、JS、CSS 等）進行語法解析，創建相應的內部數據結構
（如 HTML 的 DOM ）；
載入解析到的資源文件，渲染頁面，完成。

4.html5有哪些新特性

繪畫 canvas
用於媒介回放的 video 和 audio 元素
本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉後數據不丟失
sessionStorage 的數據在瀏覽器關閉後自動刪除
語意化更好的內容元素，例如 article 、 footer 、 header 、 nav 、 section

5.請描述一下 cookies ， sessionStorage 和 localStorage 的區別？

cookie 是網站爲了標示用戶身份而儲存在用戶本地終端上的數據，
cookie數據始終在同源的http請求中攜帶（即便不須要），即會在瀏覽器和服務器間來回
傳遞
sessionStorage 和 localStorage 不會自動把數據發給服務器，僅在本地保存
存儲大小：
cookie 數據不能超過4k
sessionStorage 和 localStorage 能夠達到5M
有期時間：
localStorage 存儲持久數據，瀏覽器關閉後數據不丟失除非主動刪除數據
sessionStorage 數據在當前瀏覽器窗口關閉後自動刪除
cookie 設置的 cookie 過時時間以前一直有效，即便窗口或瀏覽器關閉

6.Doctype做用?

<!DOCTYPE> 告知瀏覽器的解析器， 用什麼文檔類型 規範來解析這個文檔

7.行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？

行內元素有： a b span img input select strong
塊級元素有： div ul ol li dl dt dd h1 h2 h3 h4… p
空元素： <br> <hr> <img> <input> <link> <meta>
行內元素不能夠設置寬⾼，不獨佔一行
塊級元素能夠設置寬⾼，獨佔一行

8.HTML全局屬性(global attribute)有哪些

class :爲元素設置類標識
data-* : 爲元素增長自定義屬性
draggable : 設置元素是否可拖拽
id : 元素 id ，文檔內惟一
lang : 元素內容的的語言
style : 行內 css 樣式
title : 元素相關的建議信息

9.漸進加強和優雅降級之間的不一樣嗎

漸進加強：針對低版本瀏覽器進行構建頁面，保證最基本的功能，而後再針對高級瀏覽器
進行效果、交互等改進和追加功能達到更好的用戶體驗。
優雅降級：一開始就構建完整的功能，而後再針對低版本瀏覽器進行兼容。

10.src與href的區別

src 是 source 的縮寫，指向外部資源的位置，指向的內容將會嵌入到文檔中當前標籤所在位置；在請求 src 資源時會將其指向的資源下載並應用到文檔內。<script src ="js.js"></script> 當瀏覽器解析到該元素時，會暫停其餘資源的下載和處理，直到將該資源加載、編譯、執行完畢。href ，指向網絡資源所在位置，創建和當前元素（錨點）或當前文檔（連接）之間的連接，若是咱們在文檔中添加<link href="common.css" rel="stylesheet"/> 那麼瀏覽器會識別該文檔爲 css 文件，就會並行下載資源而且不會中止對當前文檔的處理。這也是爲何建議使⽤用link 方式來加載 css ，而不是使用 @import 方式