HTML瘟斜、XML衷畦、XHTML 有什么區(qū)別
XML是The Extensible Markup Language(可擴展標識語言)的簡寫媳谁。
XML并不是標記語言。它只是用來創(chuàng)造標記語言(比如HTML)的元語言。
XHTML是The Extensible HyperText Markup Language可擴展標識語言的縮寫研侣。
建立XHTML的目的就是實現(xiàn)HTML向XML的過渡。
XML能夠創(chuàng)造更多的標記，以彌補HTML標記不足的缺陷潭苞。
HTML全名Hyper Text Markup Language，也就是超文本標記語言真朗。
HTML（超文本標記語言） 是用來顯示數(shù)據(jù)的此疹，其設計目標是顯示數(shù)據(jù)并集中于數(shù)據(jù)外觀。
HTML是一種基礎(chǔ)技術(shù)遮婶，常與CSS蝗碎、JavaScript一起被眾多網(wǎng)站用于設計令人賞心悅目的網(wǎng)頁、網(wǎng)頁應用程序以及移動應用程序的用戶界旗扑。瀏覽器可以讀取HTML文件蹦骑，并將其渲染成可視化網(wǎng)頁。HTML描述了一個網(wǎng)站的結(jié)構(gòu)語義隨著線索的呈現(xiàn)臀防，使之成為一種標記語言而非編程語言眠菇。
HTML語義化
語義化的含義就是用正確的標簽做正確的事情，html語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化清钥，便于對瀏覽器琼锋、搜索引擎解析；在沒有樣式CSS情況下也以一種文檔格式顯示祟昭，并且是容易閱讀缕坎。
搜索引擎的爬蟲依賴于標記來確定上下文和各個關(guān)鍵字的權(quán)重，利于SEO篡悟。
使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊谜叹，便于閱讀維護理解。
內(nèi)容與樣式分離
CSS的一個重要優(yōu)勢是它可以幫助你將文檔內(nèi)容和其樣式分離搬葬。這是最基本的荷腊。
1.復用樣式。
同一個網(wǎng)頁也許會有相同渲染效果的頁面急凰，如果之前定義過某個樣式的話女仰，這次就可以直接拿來用了。
2.減少適用性深度
某個nav 下有 ul li a這樣的，最好是直接對最底層的元素設置樣式疾忍。
3.子選擇器
可以限制CSS規(guī)則作用的范圍乔外。
4.分類代碼
5.說明意圖
某個元素下的子元素，添加包含父元素這種特殊類一罩。算是命名規(guī)則杨幼。
.box .box-hd(標題)
.box .box-ct(內(nèi)容)
常見的meta標簽
<meta>標簽有兩個屬性：name和http-equiv。
name="viewport"聂渊，主要是為了適應移動設備差购。
name="description"，主要是用來告訴搜索引擎汉嗽，網(wǎng)站的主要內(nèi)容是什么欲逃。
name="keywords"，用來告訴搜索引擎诊胞，網(wǎng)站的主題是什么暖夭，比如說偏重于前端后端或者是某種編程語言等等。
name="robots"撵孤，告訴爬蟲哪些頁面需要索引，哪些頁面不需要索引竭望。
提供HTML文檔的元數(shù)據(jù), 常用于告知瀏覽器如何顯示內(nèi)容和搜索引擎優(yōu)化
<meta charset="UTF-8"> //聲明文檔的編碼方式
<meta http-quiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //告知瀏覽器以什么版本渲染文檔
<meta name="renderer" content="webkit|ie-comp|ie-stand"> //告知瀏覽器選擇什么內(nèi)核渲染
<meta http-quiv="Pragma" content="no-cache"> //禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容邪码。大概就是你訪問一個頁面后本地會有緩存，此時斷網(wǎng)瀏覽該網(wǎng)站將會無法顯示內(nèi)容咬清。
共有以下幾種用法：
no-cache: 先發(fā)送請求闭专，與服務器確認該資源是否被更改，如果未被更改旧烧，則使用緩存影钉。
no-store: 不允許緩存，每次都要去服務器上掘剪，下載完整的響應平委。（安全措施）
public : 緩存所有響應，但并非必須夺谁。因為max-age也可以做到相同效果
private : 只為單個用戶緩存廉赔，因此不允許任何中繼進行緩存。（比如說CDN就不允許緩存private的響應）
maxage : 表示當前請求開始匾鸥，該響應在多久內(nèi)能被緩存和重用蜡塌，而不去服務器重新請求。例如：max-age=60表示響應可以再緩存和重用 60 秒勿负。
<meta http-equiv="Cache-Control" content="no-siteapp"/>
//禁止百度轉(zhuǎn)碼馏艾。
<meta http-equiv=”Set-Cookie” content=”cookievalue=xxx; expires=Friday,12-Jan-2018 18:18:18 GMT; path=/”> //cookies的有效期。過了這個時間，網(wǎng)頁存儲在本地的cookies將會被刪除琅摩。時間格式必須是GMT的時間格式铁孵。
文檔聲明的作用
DOCTYPE 是document type（文檔類型）的縮寫。用來說明文檔是什么版本迫吐。
建立符合標準的網(wǎng)頁 DOCTYPE聲明是必不可少的库菲。一般放在文檔的最頂部。
嚴格模式和混雜模式
嚴格模式中瀏覽器根據(jù)規(guī)范渲染頁面志膀。
混雜模式中瀏覽器以比較寬松的向后兼容的方式顯示熙宇。模擬低版本瀏覽器的行為以防止網(wǎng)頁無法渲染。
DOCTYPE不存在或者格式不正確會導致文檔以混雜模式出現(xiàn)溉浙。
<!DOCTYPE html>的作用：
<!DOCTYPE html>一定要在HTML文檔的最前面烫止，在<html>標簽之前。
聲明之后表明你的內(nèi)容使用HTML5戳稽。會讓不支持html5的瀏覽器采用標準模式解析馆蠕。
瀏覽器亂碼
文檔<head>標簽里的<meta charset="UTF-8">是告訴瀏覽器用utf-8這種編碼方式來渲染。
但是如果編寫之后保存用的不是UTF-8就會出現(xiàn)亂碼惊奇。用windows系統(tǒng)自帶的記事本就是這種情況互躬。
解決辦法：
保存文檔時注意保存的編碼方式，保存的格式要與頂部聲明的格式一樣颂郎。
使用notepad2-mod吼渡。比自帶的記事本強大多了。
常見的瀏覽器有哪些乓序，都是什么內(nèi)核寺酪？
Trident內(nèi)核
使用者：IE瀏覽器
Webkit內(nèi)核
使用者：蘋果家的safari
Blink內(nèi)核
使用者：chrome√媾基于webkit寄雀，google與opera software，共同開發(fā)陨献。
13年的時候谷歌在chromium項目官方博客 中說推出新的開源渲染引擎Blink盒犹。
Gecko內(nèi)核
使用者 firefox。
EdgeHTML
使用者 microsoft edge湿故。win10上表現(xiàn)很不錯阿趁。個人來說2333
國內(nèi)的一些雙核瀏覽器內(nèi)核版本：
常見標簽：
文本標簽
<p>定義一段文本
<h> 定義標題
<span>定義某個段落中的某一部分
<strong> 強調(diào)作用
列表標簽
<ol>有序列表
<ul>無序列表
<li>列表項
圖像標簽
<img> 插入圖片，沒有閉合標簽
<canvas>使用JS腳本繪制圖形
超鏈接標簽
<a> 插入URL坛猪，發(fā)送郵件
表單標簽
<form> 定義用戶輸入的表單
<input> 定義輸入域
<label>單選框
<checkbox>復選框
<button> 定義一個按鈕
<select>定義一個選擇列表
<div>標簽用于組合其他HTML元素
語義化標簽：
