HTML、XML、XHTML 有什么區別？
- HTML，超文本標記語言，是語法較為松散的、不嚴格的Web語言；
- XML，可擴展標記語言，主要用于存儲數據和結構；
- XHTML，可擴展超文本標記語言，基于XML，作用與HTML類似，但語法更嚴格。
怎樣理解 HTML 語義化？
語義化HTML是一種編寫HTML的方式，根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化）便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析。
語義化帶來的是更清晰的頁面結構，使頁面可讀性更強；更清晰的代碼結構，更利于開發團隊的開發和維護；更好的適應性，可以支持更多的設備的不同表現形式；與機器更良好的溝通，使瀏覽器更容易渲染表現，也使搜索引擎更容易獲取有效信息。
怎樣理解內容與樣式分離的原則?
- 寫 HTML 的時候先不管樣式, 重點放在HTML的結構和語義化上，讓 HTML 能體現頁面結構或者內容。之后再去寫樣式。
- 寫 JS 的時候，盡量不要用 JS 去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化。
- HTML 內不允許出現屬性樣式，盡量不要出現行內樣式。
常見的meta標簽
- http-equiv | content-type / expire / refresh / set-cookie |把content屬性關聯到HTTP頭部。
- name | author / description / keywords / generator / revised / -
others |把 content 屬性關聯到一個名稱。 - content | some text | 定義用于翻譯 content 屬性值的格式。
SEO優化
常見的標簽
- h1-h6 標題標簽
- p 段落標簽
- a 鏈接標簽
- href="#about" 跳轉到id為about的位置
- href="/test" 跳轉到完整域名+test
- img 圖片鏈接
- alt 圖片無法展示時，顯示內容，便于視力障礙人士使用
- div 塊標簽
- ul 無序列表
- li ul的子標簽，ul下的直接元素必須是li
- ol 有序列表
- li ol的子元素
- dl 展示有標題和內容的自定義表格
- dt 標題子標簽
- button 按鈕標簽
- strong 強調元素
- em 中層強調元素
- span 標記一段行內元素
- iframe 在當前頁面嵌入一個頁面
- table 用于展示表格，不要用來做布局
- thead、tbody、tfoot 一般不用寫
- tr 代表表格的一行
- th 代表表格第一行的列內容
- td 代表表格的一列、
文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
- 文檔聲明用來告知瀏覽器當前文檔所使用的HTML或XHTML規范。
- 嚴格模式：又稱標準模式，是指瀏覽器按照 W3C 標準解析代碼。
混雜模式：又稱怪異模式或兼容模式，是指瀏覽器用自己的方式解析代碼。 - <!doctype html>的作用是告知瀏覽器頁面是用html5編寫的。
瀏覽器亂碼的原因是什么？如何解決？
- 原因：文檔保存的編碼格式和瀏覽器采用的編碼格式不一樣。
- 解決辦法：在文檔內申明編碼格式。
常見的瀏覽器有哪些，什么內核？
- Trident：主要由IE瀏覽器采用。
- Presto：opera瀏覽器采用內核，目前公認網頁瀏覽速度最快。
- Gecko：火狐瀏覽器采用的內核。
- Webkit：safari瀏覽器和Google Chrome采用的內核。
