[toc] ## 0.理解HTML的語義化 **什么是語義化？** 根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化）便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析。 **為什么要語義化？** 1. 為了在沒有CSS的情況下，頁面也能呈現出很好地內容結構、代碼結構:為了裸奔時好看； 2. 用戶體驗：例如title、alt用于解釋名詞或解釋圖片信息、label標簽的活用； 3. 有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標簽來確定上下文和各個關鍵字的權重； 4. 方便其他設備解析（如屏幕閱讀器、盲人閱讀器、移動設備）以意義的方式來渲染網頁； 5. 便于團隊開發和維護，語義化更具可讀性，是下一步吧網頁的重要動向，遵循W3C標準的團隊都遵循這個標準，可以減少差異化。 > [參考](http://www.html5jscss.com/html5-semantics-section.html) ## 1.簡述一下src與href的區別 **href** 是指向網絡資源所在位置，建立和當前元素（錨點）或當前文檔（鏈接）之間的鏈接，用于超鏈接。 **src** 是指向外部資源的位置，指向的內容將會嵌入到文檔中當前標簽所在位置；在請求src資源時會將其指向的資源下載并應用到文檔內，例如js腳本，img圖片和frame等元素。當瀏覽器解析到該元素時，會暫停其他資源的下載和處理，直到將該資源加載、編譯、執行完畢，圖片和框架等元素也如此，類似于將所指向資源嵌入當前標簽內。這也是為什么將js腳本放在底部而不是頭部。 ## 2.行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？ **行內元素**：a、b、span、img、input、strong、select、label、em、button、textarea **塊級元素**：div、ul、li、dl、dt、dd、p、h1-h6、blockquote 空元素：即系沒有內容的HTML元素，例如：br、meta、hr、link、input、img ## 3.HTML中alt和title怎樣實現換行及空格 換行: `&#13;` (ASCII碼回車) 回車: `&#10;` (ASCII碼換行) ## 4.如何設置網頁自動跳轉 `<meta http-equiv="refresh" content="0.0001;url=http://www.rengefood.com/1.htm">`