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