HTML炬灭，XML秕脓，XHTML有什么區(qū)別罚勾？
從字面上看起趾，他們都是HTML舍沙，都是標(biāo)記語言（Markup Language）
- HTML:超文本標(biāo)記語言截型，缺點(diǎn)語法比較寬松涌哲，不嚴(yán)格的web語言肤寝。
- XML：可擴(kuò)展的標(biāo)記語言育苟，主要用于存儲數(shù)據(jù)和結(jié)構(gòu)筹裕，可擴(kuò)展醋闭。
- XHTML:可擴(kuò)展的HTML，但比HTML語法更加嚴(yán)謹(jǐn)朝卒。
怎樣理解HTML語義化
- 其實(shí)很簡單证逻，語義化的主要目的就是讓大家直觀的認(rèn)識標(biāo)簽和屬性的用途和作用，讓瀏覽器更加容易理解抗斤。
- 語義化的網(wǎng)頁的好處囚企，最主要的就是對搜索引擎友好，有了良好的結(jié)構(gòu)和語義你的網(wǎng)頁內(nèi)容自然容易被搜索引擎抓取瑞眼，你網(wǎng)站的推廣便可以省下不少的功夫龙宏。
- 語義 Web 技術(shù)有助于利用基于開放標(biāo)準(zhǔn)的技術(shù)，從數(shù)據(jù)伤疙、文檔內(nèi)容或應(yīng)用代碼中分離出意義银酗。
- 總結(jié)，另機(jī)器更加好運(yùn)作，讓工作的人看起來更加舒服黍特，讓工作時候更加有效率蛙讥。
怎樣理解內(nèi)容與樣式分離的原則
在前端中，HTML是結(jié)構(gòu)層衅澈，CSS是樣式層键菱，javaScript是行為層。
- 寫 HTML 的時候先不管樣式, 重點(diǎn)放在HTML的結(jié)構(gòu)和語義化上今布，讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容经备。之后再去寫樣式。
- 在HTML上盡量小出現(xiàn)行內(nèi)樣式部默。
- 寫 JS 的時候侵蒙，盡量不要用 JS 去直接操作樣式。
有哪些常見的meta標(biāo)簽
<meta> 元素可提供有關(guān)頁面的元信息（meta-information）傅蹂，比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞纷闺。
<meta> 標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容份蝴。<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對犁功。
| meta標(biāo)簽 | 含義 |
|---|---|
<mata charset="utf-8"> |
聲明文檔使用的字符編碼 |
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> |
聲明文檔兼容模式，指示IE以目前可用的最高模式顯示內(nèi)容 |
<meta name="keywords" content="your tags"> |
定義針對搜索引擎的關(guān)鍵詞 |
<meta name="description" content="不超過850個字符"> |
頁面描述婚夫，告訴搜索引擎你的站點(diǎn)的主要內(nèi)容 |
<meta name="author" content="你的姓名"> |
定義網(wǎng)頁作者 |
<meta name="revised" content="David, 2008/8/8/" /> |
定義頁面的最新版本 |
<meta http-equiv="refresh" content="5"/> |
5秒刷新一次頁面 |
<meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> |
用于設(shè)定網(wǎng)頁的到期時間浸卦，一旦過期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時間格式 |
<meta http-equiv="pragma" content="no-cache"> |
禁用緩存 |
<meta http-equiv="set-cookie" content="Mon, 12 May 2001 00:20:00 GMT"> |
cookie設(shè)定案糙，如果網(wǎng)頁過期限嫌，存盤的cookie將被刪除。需要注意的也必須使用GMT時間格式时捌。 |
<meta name="robots" content="index,follow" /> |
搜索引擎索引方式 |
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
一個一個問題來吧怒医；
1.文檔聲明的作用: 告知瀏覽器文檔使用哪種規(guī)范。
2.嚴(yán)格模式和混雜模式指什么:
- .嚴(yán)格模式：在嚴(yán)格模式中奢讨，瀏覽器以其支持的最高標(biāo)準(zhǔn)呈現(xiàn)頁面
- .混雜模式:頁面以一種比較寬松的向后兼容的方式顯示稚叹。混雜模式通常模擬老式瀏覽器的行為以防止老站點(diǎn)無法工作拿诸。
3.<!doctype html> 的作用：
- 聲明文檔的解析類型(document.compatMode)入录，避免瀏覽器的怪異模式。
瀏覽器亂碼的原因是什么佳镜？如何解決
- 設(shè)置<meta charset>標(biāo)簽聲明文檔使用的字符編碼
- 設(shè)置正確的字符編碼
- 設(shè)置瀏覽器顯示正確的編碼
如果瀏覽器瀏覽時候出現(xiàn)網(wǎng)頁亂碼，在瀏覽器中找到轉(zhuǎn)換編碼的菜單調(diào)整凡桥。IE9瀏覽器：在需要轉(zhuǎn)碼的網(wǎng)頁空白出右鍵鼠標(biāo)蟀伸，選擇“編碼”。傲游瀏覽器：在需要轉(zhuǎn)碼的網(wǎng)頁時，菜單“查看”-->“編碼”即可選擇轉(zhuǎn)換編碼谷歌瀏覽器：在需要轉(zhuǎn)碼的網(wǎng)頁時啊掏，點(diǎn)擊右上角“三橫”圖標(biāo)選擇“工具”-->“編碼”即可選擇切換網(wǎng)頁編碼
常見的瀏覽器有哪些蠢络，什么內(nèi)核
| 瀏覽器 | 內(nèi)核 |
|---|---|
| IE | trident |
| Firefox | Gecko |
| Opear | Presto |
| Safari&Chromr | Webkit |
| 手機(jī)端IOS和安卓 | Webkit |
列出常用的標(biāo)簽。應(yīng)用場景有那些
| 標(biāo)簽 | 用法 |
|---|---|
h1 |
大標(biāo)題 |
div |
經(jīng)常用的了迟蜜，只要你不亂用 |
span |
通常用來包裹一下等下要設(shè)置效果的內(nèi)容 |
input |
按鈕刹孔，神器，經(jīng)常用 |
ul |
列表娜睛，經(jīng)常用來排列好一大堆內(nèi)容 |
header |
HTML5新增的髓霞，語義化，代表頭部 |
nav |
HTML5新增畦戒，語義化方库，其實(shí)跟div沒啥區(qū)別，代表導(dǎo)航欄的內(nèi)容 |
