HTML督笆、XML、XHTML 有什么區(qū)別
- HTML诱贿，超文本標記語言娃肿，是語法較為松散的、不嚴格的Web語言珠十。
- XML料扰，可擴展標記語言，主要用于存儲數據和結構焙蹭。
- XHTML晒杈，可擴展超文本標記語言，基于XML孔厉，作用與HTML類似拯钻，但語法更嚴格。
怎樣理解 HTML 語義化
語義化HTML是一種編寫HTML的方式撰豺。
選擇合適的標簽粪般、使用合理的代碼結構，便于開發(fā)者閱讀郑趁，同時讓瀏覽器的爬蟲和機器很好地解析刊驴。
優(yōu)點：
- 為了在沒有CSS的情況下，頁面也能呈現出很好地內容結構寡润、代碼結構捆憎。
- 優(yōu)化用戶體驗：例如title、alt用于解釋名詞或解釋圖片信息梭纹、label標簽的活用躲惰。
- 有利于和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息变抽，因為爬蟲依賴于標簽來確定上下文和各個關鍵字的權重础拨。
- 方便其他設備解析（如屏幕閱讀器、盲人閱讀器绍载、移動設備）以意義的方式來渲染網頁诡宗。
- 便于團隊開發(fā)和維護，語義化更具可讀性击儡，是下一步吧網頁的重要動向塔沃，遵循W3C標準的團隊都遵循這個標準，可以減少差異化阳谍。
怎樣理解內容與樣式分離的原則
寫 HTML 的時候先不管樣式, 重點放在HTML的結構和語義化上蛀柴，讓 HTML 能體現頁面結構或者內容螃概。之后再去寫樣式。
CSS與HTML分離的優(yōu)點：
- 使頁面載入得更快由于將大部分頁面代碼寫在了CSS當中鸽疾，使得頁面體積容量變得更小吊洼，相對于表格嵌套的方式的逐層加載速度快。
- 修改設計時更有效率在修改頁面的時候更加容易省時制肮。根據區(qū)域內容標記冒窍，到CSS里找到相應的ID，使得修改頁面的時候更加方便弄企，也不會破壞頁面其他部分的布局樣式超燃，而表格布局則更不省事。
- 保持視覺的一致性
DIV+CSS最重要的優(yōu)勢之一是保持視覺的一致性拘领，以往表格嵌套的制作方法，會使得頁面與頁面樱调，或者區(qū)域與區(qū)域之間的顯示效果會有偏差约素。 - 更好地被搜索引擎兼容
由于將大部分的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=" /> - 隱藏狀態(tài)欄/設置狀態(tài)欄顏色
<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標簽
塊級標簽蛇损，用于給頁面劃分區(qū)塊赁温，讓結構更清晰。 - ul li
無序列表標簽 - ol li
有序列表標簽 - dl dt dd
用于展示一系列 “標題:內容... ”的場景 - button標簽
表示一個按鈕 - table標簽
用于展示表格 - strong和em標簽
表示強調淤齐，
em 需要強調一下
strong 很重要股囊、強調性更強
