HTML署辉、XML、XHTML 有什么區(qū)別
- HTML岩四，超文本標記語言哭尝，是語法較為松散的、不嚴格的Web語言剖煌；
- XML材鹦，可擴展標記語言，主要用于存儲數據和結構末捣，可擴展侠姑；
- XHTML，可擴展超文本標記語言箩做，基于XML莽红，作用與HTML類似，但語法更嚴格邦邦。
怎樣理解 HTML 語義化
- 語義化的含義就是用正確的標簽做正確的事情安吁，html語義化就是讓頁面的內容結構化，便于對瀏覽器燃辖、搜索引擎解析鬼店；在沒有樣式CCS情況下也以一種文檔格式顯示，并且是容易閱讀的黔龟。搜索引擎的爬蟲依賴于標記來確定上下文和各個關鍵字的權重妇智，利于 SEO滥玷。使閱讀源代碼的人對網站更容易將網站分塊，便于閱讀維護理解巍棱。
怎樣理解內容與樣式分離的原則
- HTML首先重點需要考慮結構和語義化惑畴，讓HTML能體現頁面的結構和內容，之后在考慮如何寫樣式航徙。
- JS盡量不要直接去操作樣式如贷，通過給元素增加或者刪除class來控制樣式的變化。
- HTML內不允許出現屬性樣式到踏，盡量不要出現行內樣式杠袱。
有哪些常見的meta標簽
| 標簽 | 含義 |
|---|---|
| <mata charset="utf-8"> | 聲明文檔使用的字符編碼 |
| <meta name="viewport" content="width=device-width"> | 定義頁面在移動端的布局展現合理 |
| <meta name="keywords" content="your tags" /> | 頁面關鍵詞 |
| <meta name="description" content="150 words" /> | 頁面描述 |
| <meta name="robots" content="index,follow" /> | 搜索引擎索引方式 |
| <meta http-equiv="refresh" content="0;url=" /> | 頁面重定向和刷新 |
| <meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> | 用于設定網頁的到期時間，一旦過期則必須到服務器上重新調用窝稿。 |
文檔聲明的作用楣富、嚴格模式和混雜模式指什么、<!doctype html> 的作用
- <!DICTYPE>聲明位于文檔中的最前面讹躯，處于<html>標簽之前菩彬，告訴瀏覽器的解析器，用什么文檔類型來規(guī)范解析這個文檔潮梯。
- 嚴格模式（推薦）現在也稱為標準模式，在該模式下惨恭，瀏覽器會嚴格按照 HTML 和 CSS 標準來解析秉馏、渲染你的文檔。
- 混雜模式（不推薦）的由來是一個歷史問題脱羡。在互聯(lián)網早期萝究，網頁一般寫成兩個版本：一個寫給網景公司的 Navigator瀏覽器，一個寫給微軟公司的IE瀏覽器锉罐。當W3C制定了 Web 標準后帆竹，這兩個瀏覽器不能馬上開始按標準來解析渲染頁面，因為這樣會破壞當時大部分頁面的顯示效果脓规。所以各瀏覽器就引入了混雜模式栽连，在該模式下，瀏覽器會模擬Navigator 4和IE5的非標準行為來解析渲染頁面侨舆，這樣做就是為了兼容在W3C標準出現之前就存在的那些“不標準”的頁面秒紧。
-<!doctype html> 的作用就是讓瀏覽器進入標準模式，使用最新的 HTML5標準來解析渲染頁面挨下；如果不寫熔恢，瀏覽器就會進入混雜模式，而這是我們需要注意的臭笆。
瀏覽器亂碼的原因是什么叙淌、如何解決
- 亂碼原因：html文檔的編碼格式與瀏覽器的解析的編碼格式不一樣造成
- 解決方法：在保存文件的時候秤掌，自己要清除是那種編碼方式保存的（sublime默認保存方式是utf-8,安裝了GBK Encoding support插件也可另存為gbk）。
如果你用的utf-8編碼格式鹰霍，在標簽內加一個就好了闻鉴，同理要是GBK的話就在就好了
常見的瀏覽器有哪些，什么內核
| 瀏覽器 | 內核 |
|---|---|
| Internet Explorer | IE內核 |
| Firefox | Gecko |
| Opear | Presto |
| Safari&Chromr | Webkit |
| 國內大部分瀏覽器 | IE內核 |
列出常見的標簽衅谷，并簡單介紹這些標簽用在什么場景
| 標簽 | 作用 |
|---|---|
| <! doctype html /> | 聲明為html5文檔 |
| <head> | 元素是包含頁面的元（meta）數據,是頭部 |
| <meta> | 標簽椒拗，提供元數據，元數據不顯示在頁面上获黔，被瀏覽器解析 |
| <title> | 元素是頁面的內容顯示部分蚀苛，是身體 |
| <body> | 元素是頁面的內容顯示部分，是身體 |
| 換行標簽 | |
| 橫線標簽 | |
| h1~h6標簽 | 標簽定義一級標題到六級標題玷氏，標題字體大小逐漸減小 |
| img | 圖像標簽通過 (src 來確定圖片位置,alt來定義圖片加載失敗顯示文字) |
| a | 超鏈接標簽（ href 鏈接地址） |
| <div> | 元素是塊級元素堵未，多用于布局 |
| <span> | 是個行內元素，無實際意義盏触，可作為文本的容器 |
| ul li | 無序列表 |
| ol li | 有序列表 |
| dl dt dd | 自定義列表 |
| <table> | 表格標簽 |
| <tr> | 表格行 |
| <th> | 定義表格頭行 |
| <td> | 定義每行的列 |
| <iframe> | 用于在當前頁面嵌入新的頁面 |
| caption | 表格的標題 |
| strong | 定義重要文本 |
| em | 強調文本 |
| <button> | 按鈕 |
