HTML蠢络，XML莲镣，XHTML的區(qū)別
- XML
XML是可擴展標記語言翁授，（eXtensible Markup Language）救湖，XML和HTML一樣愧杯，都是處于SGML（Standard Generalized Markup language）即標準通用置標語言，XML極其簡單易于掌握和使用鞋既，是一種簡單的數(shù)據(jù)存儲的語言力九，可以跨平臺，能有效的處理結(jié)構(gòu)化文檔信息邑闺。 - XHTML
XHTML是可擴展超文本標識語言跌前，（The Extensible HyperText Markup Language），是一種基于XML的置標語言陡舅，與HTML相似抵乓，略有微小的差異，是一種過渡技術(shù)靶衍，像一種類似HTML的XML灾炭。 - HTML
HTML是超文本標記語言，（HyperText Mark-up Language）颅眶，是目前網(wǎng)絡上蜈出，應用最廣泛的組成網(wǎng)頁文檔的語言。
怎樣理解HTML語義化
- HTML語義化
HTML語義化就是用正確的標簽做正確的事情涛酗，使得整個HTML頁面結(jié)構(gòu)清晰铡原，便于開發(fā)者閱讀以及機器更好的解析。 - HTML語義化帶來的優(yōu)點
- 結(jié)構(gòu)和樣式是分離的商叹，在沒有CSS的情況下燕刻，HTML語義化可以使得整個頁面也能很好的反映出頁面結(jié)構(gòu)，仍然具有良好的可讀性（即裸奔時也好看）剖笙。
- 便于SEO（Search Engine Optimization）酌儒，即搜索引擎優(yōu)化，可以和搜索引擎建立良好溝通枯途，由于爬蟲是依賴標簽來確定上下文和各個關(guān)鍵字的權(quán)重的，采取優(yōu)化策略或程序籍滴，提高網(wǎng)站在搜索結(jié)果中的排名酪夷。
- 在團隊開發(fā)的情況下，語義化的HTML結(jié)構(gòu)可以使得一起開發(fā)的開發(fā)者更加容易的閱讀孽惰，能提高團隊的工作效率晚岭，并且也便于后期的維護。
- 語義化的HTML結(jié)構(gòu)同時也方便其他多種設(shè)備進行解析勋功，例如最常用的移動端以及屏幕閱讀器和盲人閱讀器等等坦报。
- 平時在寫代碼的過程中怎么注意HTML的語義化
- <div>和<span>是無語義的库说，盡量少避免。
- 在語義不明顯時片择，既可以使用<>div或者<p>時潜的，盡量用<p>, <p> 中的文字會自動換行，不需要使用
而且換行的效果優(yōu)于 <br />字管。段落與段落之間的空隙也可以利用 CSS 來控制啰挪，很容易而且清晰的區(qū)分出段落與段落。 - <h1>~<h6> 嘲叔，作為標題使用亡呵，并且依據(jù)重要性遞減，<h1> 是最高的等級硫戈。
- 有使用<input>標簽時锰什，必須要有相應的<label>標簽，通過使用label標簽的for屬性和input的id屬性配對起來丁逝。
- 書寫表格時汁胆，標題使用<caption>，表頭使用<thead>果港，主題部分使用<tbody>沦泌，而底部使用<tfoot>，具體的單元格也要區(qū)分開來辛掠，表頭是<th>谢谦，一般的單元格是<td>。
- 需要使用強調(diào)和斜體的情況時萝衩，使用<strong>和<em>標簽回挽，不使用<b> <i>。
怎樣理解內(nèi)容與樣式分離的原則
- 一個頁面由HTML猩谊，CSS和JS三部分組成千劈，HTML表示了頁面的結(jié)構(gòu)和內(nèi)容，CSS控制著頁面內(nèi)容顯示的樣式牌捷，JS控制著頁面的交互功能行為等墙牌。
- 在寫一個HTML頁面的時候，只需要考慮頁面的結(jié)構(gòu)和語義化即可暗甥，不需要考慮CSS樣式的問題喜滨，讓HTML能夠充分體現(xiàn)頁面的結(jié)構(gòu)和內(nèi)容，之后再去考慮寫CSS控制樣式撤防。另外要注意虽风，HTML中不允許出現(xiàn)元素樣式，也不建議出現(xiàn)行內(nèi)樣式。
- 同樣的辜膝，在寫JS的時候无牵，不要通過JS直接操作樣式，而是通過給元素增加一個class來控制樣式的變化厂抖。
有哪些常見的meta標簽
- 關(guān)鍵詞
<meta name="keywords" content="your tags" /> - 頁面描述
<meta name="description" content="150 words" /> - 搜索引擎索引方式
<meta name="robots" content="index,follow" />
all：文件將被檢索茎毁，且頁面上的鏈接可以被查詢；
none：文件將不被檢索验游，且頁面上的鏈接不可以被查詢充岛；
index：文件將被檢索；
follow：頁面上的鏈接可以被查詢耕蝉；
noindex：文件將不被檢索崔梗；
nofollow：頁面上的鏈接不可以被查詢。 - 頁面重定向和刷新
<meta http-equiv="refresh" content="0;url=" /> - 定義網(wǎng)頁作者
<meta name="author" content="author name" />
文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
- Doctype作用
<!DOCTYPE>聲明叫做文件類型定義（DTD）垒在，聲明的作用為了告訴瀏覽器該文件的類型蒜魄。讓瀏覽器解析器知道應該用哪個規(guī)范來解析文檔。<!DOCTYPE>聲明必須在 HTML 文檔的第一行场躯，這并不是一個 HTML 標簽谈为。 - 嚴格模式和混雜模式
- 嚴格模式：又稱標準模式，是指瀏覽器按照 W3C 標準解析代碼踢关。
- 混雜模式：又稱怪異模式或兼容模式伞鲫，是指瀏覽器用自己的方式解析代碼。
- <!doctype html>
<!doctype html>是HTML5的聲明签舞，HTML5 沒有 DTD 秕脓，因此也就沒有嚴格模式與混雜模式的區(qū)別，HTML5 有相對寬松的語法儒搭，實現(xiàn)時吠架，已經(jīng)盡可能大的實現(xiàn)了向后兼容。（ HTML5 沒有嚴格和混雜之分）
瀏覽器亂碼的原因是什么搂鲫？如何解決
- 亂碼的原因傍药、
亂碼的原因是你編寫HTML文件之后保存的時候，采用的編碼格式（一般編碼格式有ASCII魂仍，ISOLatin-1拐辽，UNICODE，UTF-8擦酌，GBK）和在瀏覽器運行這個HTML文件時候的解碼格式不匹配導致出現(xiàn)了亂碼薛训。 - 解決方法
一般英文的編碼方式都是一致的，所以出現(xiàn)亂碼時盡量采用英文仑氛，可以避免出現(xiàn)亂碼情況。
常見的瀏覽器有哪些，什么內(nèi)核
- IE Trident內(nèi)核
- Firefox Gecko內(nèi)核
- Safari锯岖、Chrome WebKit內(nèi)核
- Opera Presto內(nèi)核
列出常見的標簽介袜，并簡單介紹這些標簽用在什么場景
- 文檔標題
<title> - 標題
<h1>～<h6>不同級別的標題 - 段落
<p> 段落 - <div>
劃分區(qū)域
-換行
-表單
<form> - <a>
鏈接，跳轉(zhuǎn)到指定地址 - 有序列表<ol><li> 和 無序列表 <ul><li>
列表
