HTML、XML、XHTML的區(qū)別
首先，這三種都是標記語言，是html書寫的規(guī)范。
HTML
html 是超文本標記語言，語法較為松散，要求不嚴格的web語言。
可能會出現(xiàn)大小寫不一致，標簽沒有閉合等問題，但是瀏覽器不會報錯，可能會不能顯示或者不能運行出來。
XML
xml 是可擴展標記語言，主要用于存儲數(shù)據(jù)和結(jié)構(gòu)。
標簽需要自定義使用，無限制名稱，主要是傳輸數(shù)據(jù)等作用。
XHTML
xhtml 是可擴展超文本標記語言，看名稱也能知道他是以上兩種的結(jié)合版。
基于xml，作用與html類似，語法上要求更加嚴格。
HTML語義化
語義化就是根據(jù)頁面的要求，具體的內(nèi)容，在合適的地方使用合適的標簽，合理的代碼結(jié)構(gòu)編寫代碼。這樣利于seo優(yōu)化，利于瀏覽器爬蟲和機器對頁面的解析。也便于開發(fā)者閱讀。
語義化的標簽就是對所有包含的所有內(nèi)容作一個整體聲明。
如何正確的使用標簽
首先需要掌握html標簽的含義，在先寫內(nèi)容時，想想用什么標簽?zāi)芨玫拿枋鏊瑑?nèi)容與內(nèi)容間的關(guān)系，是并列還是包含，考慮結(jié)構(gòu)化合理。
語義化的好處
1 有利于seo，有利于搜索引擎爬蟲更好的理解我們的網(wǎng)頁，從而獲取更多的有效信息，提高網(wǎng)頁權(quán)重。
2 沒有css的美化后，能夠清晰看到網(wǎng)頁的結(jié)構(gòu)，增強可讀性。
3 語義化的html可以認識那個開發(fā)者更容易理解，便于團隊開發(fā)、維護。
4 支持多個終端設(shè)備的瀏覽器渲染。
理解內(nèi)容、樣式、行為分離的原則
html代碼與css代碼分開編寫，兩個的代碼不能混在一起。
HTML標簽只用負責承載內(nèi)容，而樣式交給了CSS，行為交給了JavaScript。
怎么做呢？？
1 在編寫html的時候不考慮css樣式，單獨對頁面的內(nèi)容和結(jié)構(gòu)分析。
2 當html寫完后再來寫css。
3 也不要將css寫在html內(nèi)，不允許出現(xiàn)屬性樣式，行內(nèi)樣式。
4 行為js 與樣式css分離，不直接對css的屬性編碼，而是通過js操作添加、刪除樣式。
這樣做的好處？？
為了以后改版時更方便，直接修改樣式，而不動HTML的內(nèi)容。更方便易于閱讀樣式和內(nèi)容，便于網(wǎng)站的維護。
網(wǎng)頁的內(nèi)容直接暴露在搜索引擎面前，這樣有利于搜索引擎抓取網(wǎng)頁的內(nèi)容。
常見的meta標簽
<meta charset="utf-8">設(shè)置保存頁面內(nèi)容的編碼方式。
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>很多電腦是雙內(nèi)核，聲明用用ie最新版本來渲染解析，也可以用Chrome最新版本渲染。
<meta name="keywords" content="購物">
<meta name="description" content="shopping">
上面兩個 設(shè)置對網(wǎng)站優(yōu)化有好處。用戶可以通過搜索，查找到相關(guān)內(nèi)容，那么"keywords、description就是可以指出網(wǎng)頁是寫的什么內(nèi)容，可以查找到返回給用戶。
<meta name="viewport" content="width=device-width, initial-scale=1">是在移動端上顯示時能適用，更加合理，正常。
文檔聲明的作用
文檔聲明就是告訴瀏覽器用什么方式對頁面解析。
嚴格模式和混雜模式
嚴格模式是設(shè)置了瀏覽器對此頁面的渲染解析方式。是h5還是h4等。
混雜模式就是沒有設(shè)置文檔聲明的，這個要依據(jù)瀏覽器自己的渲染方式來進行。
<!doctype html>
<!docutype html>為html5的文檔聲明方式。
瀏覽器亂碼的原因是什么？如何解決
有可能你沒有設(shè)置編碼方式，只是使用了默認的編碼方式保存，瀏覽器又不知道你的編碼方式，用了另一種方式解析。
也有可能設(shè)置頁面編碼的方式不對，編碼方式有的并不支持中文，當這時候頁面內(nèi)有中文，就會在瀏覽器檢測到編碼方式時用頁面設(shè)定的編碼方式解析，解析的頁面會出現(xiàn)亂碼。
解決：需要設(shè)置正確的對應(yīng)編碼方式，編碼方式要寫在頁面中，例如<meta charset="utf-8">。
常見的瀏覽器有哪些，什么內(nèi)核
IE、Maxthon的內(nèi)核：Trident
FireFox、MozillaSuite/SeaMonkey的內(nèi)核：Gecko
Opera內(nèi)核： Presto
Safari、Chrome的內(nèi)核：Webkit
列出常見的標簽，并簡單介紹這些標簽用在什么場景
- 標題 h1~h6
h1是最大標簽，h2是二級標題，以此類推。
可應(yīng)用在文章的標題，頁面的網(wǎng)站大標題等。 - p 段落
文章中的一段文字，也可以是一兩個字也可以用p。
用于新聞類網(wǎng)頁的文章段。 - a 鏈接
鏈接一個地址，點擊跳轉(zhuǎn)。
用于導(dǎo)航、文字鏈接，一點擊到另外一個頁面。 - img 圖片
將本地圖片加載到網(wǎng)頁。
在頁面添加一個圖，可用于網(wǎng)站商品圖展示中。 - div 一個塊
頁面劃分區(qū)域。
用戶頁面內(nèi)容結(jié)構(gòu)劃分。 - ul li 無序列表
沒有順序前后之分，搭配使用。表示并列的內(nèi)容，可以嵌套使用。
用于頁面的導(dǎo)航部分的每個導(dǎo)航內(nèi)容。 - ol li 有序列表
有順序，表示步驟。1.2.3.
用于文章中有順序闡述的內(nèi)容。 - dl dt dd
表示標題與內(nèi)容的一種展示格式。
用于清晰表現(xiàn)一系列標題與內(nèi)容的場景。如詞典里面的詞的解釋。 - button 按鈕
可點擊的按鈕。
用于表單中的提交按鈕等。 - span strong em
span 是沒有強調(diào)作用，只是對某些文字進行包裹，可添加樣式。
strong 強強調(diào)，對有想突出的內(nèi)容顯示。
em 相對于strong 稍弱一點，代表弱強調(diào)。
用于對某些文字稍加強調(diào)或其他樣式。
11 iframe
嵌入到一個頁面
用于不適用后臺和js的情況下，簡單的一個教程，在左邊點擊后，右邊的iframe標簽區(qū)域顯示。
12 table 表格
展示表格，不要用來做布局。
用于數(shù)據(jù)統(tǒng)計圖表。
行內(nèi)元素VS塊級元素區(qū)別
區(qū)別：
行內(nèi)元素占據(jù)的寬度是自身的寬度，標簽有：a span strong em img button
塊級元素占據(jù)整一行。標簽有： div p ul li h1~h6
