HTML、XML、XHTML 有什么區別
- HTML，超文本標記語言，是語法較為松散的、不嚴格的Web語言。
- XML，可擴展標記語言，主要用于存儲數據和結構。
- XHTML，可擴展超文本標記語言，基于XML，作用與HTML類似，但語法更嚴格。
怎樣理解 HTML 語義化
語義化HTML是一種編寫HTML的方式。
選擇合適的標簽、使用合理的代碼結構，便于開發者閱讀，同時讓瀏覽器的爬蟲和機器很好地解析。
優點：
- 為了在沒有CSS的情況下，頁面也能呈現出很好地內容結構、代碼結構。
- 優化用戶體驗：例如title、alt用于解釋名詞或解釋圖片信息、label標簽的活用。
- 有利于和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息，因為爬蟲依賴于標簽來確定上下文和各個關鍵字的權重。
- 方便其他設備解析（如屏幕閱讀器、盲人閱讀器、移動設備）以意義的方式來渲染網頁。
- 便于團隊開發和維護，語義化更具可讀性，是下一步吧網頁的重要動向，遵循W3C標準的團隊都遵循這個標準，可以減少差異化。
怎樣理解內容與樣式分離的原則
寫 HTML 的時候先不管樣式, 重點放在HTML的結構和語義化上，讓 HTML 能體現頁面結構或者內容。之后再去寫樣式。
CSS與HTML分離的優點：
- 使頁面載入得更快由于將大部分頁面代碼寫在了CSS當中，使得頁面體積容量變得更小，相對于表格嵌套的方式的逐層加載速度快。
- 修改設計時更有效率在修改頁面的時候更加容易省時。根據區域內容標記，到CSS里找到相應的ID，使得修改頁面的時候更加方便，也不會破壞頁面其他部分的布局樣式，而表格布局則更不省事。
- 保持視覺的一致性
DIV+CSS最重要的優勢之一是保持視覺的一致性，以往表格嵌套的制作方法，會使得頁面與頁面，或者區域與區域之間的顯示效果會有偏差。 - 更好地被搜索引擎兼容
由于將大部分的HTML代碼和內容樣式寫入了CSS文件中，這就使得網頁中代碼更加適合搜索引擎。 - 對瀏覽者和瀏覽器更具親和力
由于CSS富含豐富的樣式，使頁面更加靈活性，更加的美觀，它可以根據不同的瀏覽器，而達到顯示效果的統一和不變形。
寫 JS 的時候，盡量不要用 JS 去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化。
HTML 內不允許出現屬性樣式，盡量不要出現行內樣式。
有哪些常見的meta標簽
- 申明編碼
<meta charset='utf-8' /> - 頁面關鍵詞
<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 name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> - 添加到主屏后的標題
<meta name="apple-mobile-web-app-title" content="標題"> - 忽略數字自動識別為電話號碼
<meta content="telephone=no" name="format-detection" /> - 忽略識別郵箱
<meta content="email=no" name="format-detection" />
文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
- 文檔聲明能夠確保在每個瀏覽器中擁有一致的展現。
- 在標準模式中，瀏覽器以其支持的最高標準呈現頁面。
在混雜模式中，頁面以一種比較寬松的向后兼容的方式顯示。混雜模式通常模擬老式瀏覽器的行為以防止老站點無法工作。 - <!doctype html> 的作用是聲明文檔類型，這樣瀏覽器才能正確地呈現內容。
瀏覽器亂碼的原因是什么？如何解決
編輯和保存HTML文件時的編碼格式與瀏覽器解析式所用的編碼格式不匹配。有時英文以外的字符會產生亂碼。
解決辦法：保存HTML文件時的編碼格式要與HTML里<head>標簽中聲明的編碼格式要相同。
常見的瀏覽器有哪些，什么內核
- 微軟的IE瀏覽器
Trident內核 - 谷歌的Chrome
Webkit內核 - 蘋果的Safari
Webkit內核 - Firefox瀏覽器
Gecko內核 - 歐朋瀏覽器Opera
Presto內核 - 國內的搜狗，360，QQ瀏覽器等
列出常見的標簽，并簡單介紹這些標簽用在什么場景
- 標題標簽 h1~h6
h1代表頁面最大的標題
h2二級標題
h3... 更弱的標題 - p標簽
表示一個段落 - a標簽
表示一個鏈接 - img標簽
表示一張圖片 - div標簽
塊級標簽，用于給頁面劃分區塊，讓結構更清晰。 - ul li
無序列表標簽 - ol li
有序列表標簽 - dl dt dd
用于展示一系列 “標題:內容... ”的場景 - button標簽
表示一個按鈕 - table標簽
用于展示表格 - strong和em標簽
表示強調，
em 需要強調一下
strong 很重要、強調性更強
