1、HTML括蝠、XML斑胜、XHTML 有什么區(qū)別
- HTML(HyperText Markup Language)：超文本標記語言控淡，是語法較為松散的、不嚴格的web語言止潘；其側(cè)重點是數(shù)據(jù)的外觀掺炭，被設計用來顯示數(shù)據(jù)
- XML（Extensible Markup language），是一種簡單的數(shù)據(jù)存儲語言凭戴，使用一系列簡單的標記描述數(shù)據(jù)涧狮。可擴展標記語言，主要用于存儲數(shù)據(jù)和結構者冤，其側(cè)重點是數(shù)據(jù)的內(nèi)容肤视；XML標簽沒有被預定義，需自行定義標簽涉枫。
- XHTML（Extensible HyperText Markup Language）邢滑，可擴展超文本標記語言，基于XML的優(yōu)點愿汰，語法的書寫格式嚴格困后，作用與HTML類似，用來顯示數(shù)據(jù)衬廷。實際上就是更加嚴謹摇予、準確的HTML。
在XHML中吗跋，元素必須被正確地嵌套侧戴；元素必須被關閉；標簽名必須用小寫字母小腊；文檔必須擁有根元素救鲤。
2、怎樣理解 HTML 語義化
語義化指選擇合適的標簽秩冈、使用合理的代碼結構本缠，便于開發(fā)者閱讀，同時讓瀏覽器的爬蟲和機器很好地解析入问。
作用：（1）頁面也能呈現(xiàn)出很好的內(nèi)容結構丹锹、代碼結構，表達清晰芬失；（2）便于用戶體驗楣黍，例如title、alt用于解釋名詞和解釋圖片信息棱烂；（3）有利于SEO租漂，和搜索引擎建立良好的溝通，有助于爬蟲抓取更多的有效信息颊糜，爬蟲依賴于標簽來確定上下文和各個關鍵字的權重哩治；（4）方便其他設備解析（如屏幕閱讀器、盲人閱讀器衬鱼、移動設備）以有意義的方式來渲染頁面业筏；（5）便于團隊開發(fā)和維護，語義化更具可讀性鸟赫。
3蒜胖、怎樣理解內(nèi)容與樣式分離的原則消别？
內(nèi)容、樣式台谢、行為寻狂，分離；HTML內(nèi)容朋沮，CSS樣式荆虱，JS行為、交互朽们。
- 寫HTML的時候先不管樣式，重點放在HTML的結構和語義化上诉位，讓HTML能提現(xiàn)頁面結構或者內(nèi)容骑脱。（內(nèi)容與樣式分離）
- 寫JS的時候，盡量不要用JS去直接操作樣式苍糠，而是通過給元素添加刪除class來控制樣式變化叁丧。（行為分離）
- HTML內(nèi)不允許出現(xiàn)屬性樣式，盡量不要出現(xiàn)行內(nèi)樣式岳瞭。
4拥娄、有哪些常見的meta標簽？
meta常用于定義頁面的說明瞳筏，關鍵字稚瘾，最后修改日期，和其它的元數(shù)據(jù)姚炕。這些元數(shù)據(jù)將服務于瀏覽器（如何布局或重載頁面）摊欠，搜索引擎和其它網(wǎng)絡服務。
meta標簽柱宦，共有兩個屬性些椒，分別是http-equiv屬性和name屬性。
（1）http-equiv屬性:定義http參數(shù)
包括：charset(設定網(wǎng)頁字符集)掸刊，X-UA-Compatible(瀏覽器采取何種版本渲染當前頁面)免糕，cache-control(指定請求和響應遵循的緩存機制)，expires(網(wǎng)頁到期時間)忧侧，refresh(自動刷新并指向某頁面)石窑，Set-Cookie(cookie設定)。
（2）name屬性：用于描述網(wǎng)頁苍柏，比如網(wǎng)頁的關鍵詞尼斧，敘述等
包括：keywords(關鍵字)， description(網(wǎng)站內(nèi)容的描述)试吁，viewport(移動端的窗口)棺棵， robots(定義搜索引擎爬蟲的索引方式)楼咳，author(作者)， generator(網(wǎng)頁制作軟件)烛恤，copyright(版權)母怜，revisit-after(搜索引擎爬蟲重訪時間)，renderer(雙核瀏覽器渲染方式)
例：
- <meta charset=”utf-8”> 聲明編碼
- <meta http-equiv=”X-UA-Compatible” content=”IE=edge, chrome=1”> 對于一些雙核瀏覽器缚柏，用最新的標準渲染苹熏。
- <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1”>在移動端合理展示。
- <meta name=”keywords” content=”關鍵詞”> 便于搜索引擎優(yōu)化币喧。
5轨域、文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
- 文檔聲明作用：告知瀏覽器，以何種方式解析杀餐、渲染當前頁面干发。
- 嚴格模式，有文檔聲明史翘，用來告訴瀏覽器該如何渲染枉长，標準模式指用標準格式來渲染頁面。
- 混雜模式琼讽，無文檔聲明必峰，瀏覽器以自己的方式渲染。
- <!DOCTYPE html> 告訴瀏覽器钻蹬，以HTML5的方式解析吼蚁、渲染當前頁面。
6问欠、瀏覽器亂碼的原因是什么桂敛？如何解決？
- 瀏覽器打開頁面時溅潜，將編碼和字符串解析成內(nèi)容术唬；若無指明編碼格式，瀏覽器不知道以何種方式來解析編碼滚澜，以瀏覽器默認的編碼方式進行解析粗仓，所以容易造成亂碼。常見有中文字符设捐、小語種字符錯誤借浊。
- 解決方式：設置網(wǎng)頁編碼聲明，即通過設置charset萝招，并保存為設置的字符編碼方式蚂斤，一般設置為UTF-8。
7槐沼、常見的瀏覽器有哪些曙蒸，什么內(nèi)核捌治？
IE：Trident內(nèi)核
Chrome：blink內(nèi)核
firefox：GECKO內(nèi)核
Safari： WebKit內(nèi)核
Opera Sofeware：Presto內(nèi)核
8、列出常見的標簽纽窟，并簡單介紹這些標簽用在什么場景肖油？
h1-h6 標題
p 段落
a 鏈接到一個地址，
img 展示圖片
div標簽臂港，用于給頁面劃分區(qū)塊森枪，讓結構更清晰
ul li 無序列表，可以嵌套
ul的直接子元素是li审孽，里面不可以有p县袱，h等標簽
ol li 有序列表
dl dt dd 用于展示一系列“標題：內(nèi)容....”的場景
<button> </button>
iframe 用于嵌入一個頁面，需要注意跨域操作問題
table 用于展示表格
