1. HTML桨菜、XML、XHTML的區(qū)別
- HTML:超文本標(biāo)記語言，是語法較為松散的倒得、不嚴(yán)格的Web語言泻红。
- XML：可擴(kuò)展標(biāo)記語言，主要用于存儲(chǔ)數(shù)據(jù)和結(jié)構(gòu)霞掺。
- XHTML ：可擴(kuò)展超文本標(biāo)記語言谊路，基于xml,作用與html類似，但語法更嚴(yán)格根悼。
2. 怎樣理解 HTML 語義化
- 標(biāo)簽選擇合適凶异，頁面結(jié)構(gòu)劃分合理，便于閱讀和機(jī)器解析挤巡。
3. 怎樣理解內(nèi)容與樣式分離的原則
- 寫 HTML 的時(shí)候先不管樣式, 重點(diǎn)放在HTML的結(jié)構(gòu)和語義化上剩彬，讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容。之后再去寫樣式矿卑。
- 寫 JS 的時(shí)候喉恋，盡量不要用 JS 去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化母廷。
- HTML 內(nèi)不允許出現(xiàn)屬性樣式(<img height="a" width="b"/>)
- 盡量不要出現(xiàn)行內(nèi)樣式(<div style="c">d</div>)
- 方便后期維護(hù)
4.有哪些常見的meta標(biāo)簽
- <meta charset="UTF-8"> 編碼方式
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 優(yōu)先使用的瀏覽內(nèi)核
- <meta name="viewport" content="width=device-width,initial-scale=1,maximun-scale=1"> 對(duì)移動(dòng)端添加更加友好的瀏覽體驗(yàn)
- <meta name="keywords" content=""> 關(guān)鍵字轻黑，方便搜索引擎搜索
- <meta name="description" content=""> 描述信息，方便搜索引擎搜索
5.文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!DOCTYPE html> 的作用?
- 文檔聲明:告訴瀏覽器應(yīng)該以什么標(biāo)準(zhǔn)解析文檔
- <!DOCTYPE html>:以html5的格式解析
- 嚴(yán)格模式:嚴(yán)格模式又叫標(biāo)準(zhǔn)模式琴昆，用瀏覽器的最高標(biāo)準(zhǔn)運(yùn)行文檔
- 混雜模式:混合模式又叫怪異模式氓鄙，頁面以一種比較寬松的向后兼容的方式顯示，通常模擬老式瀏覽器的行為以防止老站無法工作
- html5語法相對(duì)寬松业舍，已經(jīng)盡可能大的實(shí)現(xiàn)了向后兼容抖拦。
6.瀏覽器亂碼的原因是什么？如何解決
- 原因:編輯器在保存文檔時(shí)用的編碼與文檔中聲明的編碼不一樣
- 解決方法:將保存文檔時(shí)使用的字符集設(shè)置的與<meta charset="">聲明的一致舷暮，如統(tǒng)一使用“UTF-8”
7.常見的瀏覽器有哪些态罪，什么內(nèi)核
| 內(nèi)核 | 瀏覽器 |
|---|---|
| Blink | Chrome 27+,Opera 15+ |
| EdgeHTML | Edge |
| Gecko | Firefox |
| Treident | IE 4.0及更高 |
| WebKit | Chrome 27之前,Safari |
8.列出常見的標(biāo)簽，并簡單介紹這些標(biāo)簽用在什么場景
- h(1-5) : 標(biāo)題
- p : 段落
- a : 鏈接 target = " _blank " 在新頁面打開, target = " _self " 在當(dāng)前頁打開,href = " #id "跳到對(duì)應(yīng)的id
- img : 圖片 alt=" 圖片描述 " : 便于爬蟲
- ul li : 無序列表 : 用于表示并列內(nèi)容下面，可以嵌套
- ul ol : 有序列表 : 用于表示有步驟或編號(hào)的并列內(nèi)容复颈，可以嵌套
- dl dt dd : 用于一系列 " 標(biāo)題，內(nèi)容.... " 的場景
- button : 按鈕
- em : 用于強(qiáng)調(diào)一下
- strong : 很重要沥割，強(qiáng)調(diào)性更強(qiáng)
- iframe : 用于嵌入頁面
- table : 用于展示表格耗啦，不要用來做布局
