web標(biāo)準(zhǔn)介紹：
w3c：萬(wàn)維網(wǎng)聯(lián)盟組織，用來(lái)制定web標(biāo)準(zhǔn)的機(jī)構(gòu)（組織）
web標(biāo)準(zhǔn)：制作網(wǎng)頁(yè)要遵循的規(guī)范辖所。
web標(biāo)準(zhǔn)規(guī)范的分類(lèi)：結(jié)構(gòu)標(biāo)準(zhǔn)惰说、表現(xiàn)標(biāo)準(zhǔn)、行為標(biāo)準(zhǔn)缘回。
結(jié)構(gòu)：html;????表現(xiàn)：css;????行為:JavaScript吆视。
頭標(biāo)簽排版標(biāo)簽：<p>? ?<div>? ?<span>`? <br>? ?<hr>? ?<center>? ?<pre>
字體標(biāo)記：<h1>? <font>? <b>? <u>? <sup>? <sub>
超鏈接? <a>
圖片標(biāo)簽 <img>
瀏覽器介紹
瀏覽器內(nèi)核：
IE -trident
chrome / 歐鵬-blink
火狐-0gecko
Safari-webkit
PS：「瀏覽器內(nèi)核」也就是瀏覽器所采用的「渲染引擎」，渲染引擎決定了瀏覽器如何顯示網(wǎng)頁(yè)的內(nèi)容以及頁(yè)面的格式信息酥宴。渲染引擎是兼容性問(wèn)題出現(xiàn)的根本原因啦吧。
一、HTML的介紹
1拙寡、HTML的概述：html全稱(chēng)為HyperText Mackeup Language丰滑，譯為超文本標(biāo)記語(yǔ)言，不是一種編程語(yǔ)言倒庵，是一種描述性的標(biāo)記語(yǔ)言褒墨，用于描述超文本中內(nèi)容的顯示方式。比如字體什么顏色擎宝，大小等郁妈。
超文本：音頻，視頻绍申，圖片稱(chēng)為超文本噩咪。
標(biāo)記 ：<英文單詞或者字母>稱(chēng)為標(biāo)記，一個(gè)HTML頁(yè)面都是由各種標(biāo)記組成极阅。
作用：HTML是負(fù)責(zé)描述文檔語(yǔ)義的語(yǔ)言胃碾。
注意：HTML語(yǔ)言不是一個(gè)編程語(yǔ)言(有編譯過(guò)程)，而是一個(gè)標(biāo)記語(yǔ)言(沒(méi)有編譯過(guò)程)筋搏，HTML頁(yè)面直接由瀏覽器解析執(zhí)行仆百。
HTML是負(fù)責(zé)描述文檔語(yǔ)義的語(yǔ)言
html中，除了語(yǔ)義奔脐，其他什么都沒(méi)有俄周。
HTML的網(wǎng)絡(luò)術(shù)語(yǔ)
網(wǎng)頁(yè) ：由各種標(biāo)記組成的一個(gè)頁(yè)面就叫網(wǎng)頁(yè)吁讨。
主頁(yè)(首頁(yè)) : 一個(gè)網(wǎng)站的起始頁(yè)面或者導(dǎo)航頁(yè)面。
標(biāo)記：?<p>稱(chēng)為開(kāi)始標(biāo)記 峦朗，</p>稱(chēng)為結(jié)束標(biāo)記建丧，也叫標(biāo)簽。每個(gè)標(biāo)簽都規(guī)定好了特殊的含義波势。
元素：<p>內(nèi)容</p>稱(chēng)為元素.
屬性：給每一個(gè)標(biāo)簽所做的輔助信息翎朱。
xhtml： 符合XML語(yǔ)法標(biāo)準(zhǔn)的HTML。
dhtml：dynamic尺铣，動(dòng)態(tài)的闭翩。javascript + css + html合起來(lái)的頁(yè)面就是一個(gè)dhtml。
http：超文本傳輸協(xié)議迄埃。用來(lái)規(guī)定客戶(hù)端瀏覽器和服務(wù)端交互時(shí)數(shù)據(jù)的一個(gè)格式疗韵。SMTP：郵件傳輸協(xié)議，ftp：文件傳輸協(xié)議侄非。
計(jì)算機(jī)編碼介紹
ASCII碼：
美國(guó)發(fā)布的蕉汪，用1個(gè)字節(jié)(8位二進(jìn)制)來(lái)表示一個(gè)字符，共可以表示2^8=256個(gè)字符逞怨。
美國(guó)的國(guó)家語(yǔ)言是英語(yǔ)者疤，只要能表示0-9、a-z叠赦、A-Z驹马、特殊符號(hào)。
ANSI編碼：
每個(gè)國(guó)家為了顯示本國(guó)的語(yǔ)言除秀，都對(duì)ASCII碼進(jìn)行了擴(kuò)展糯累。用2個(gè)字節(jié)(16位二進(jìn)制)來(lái)表示一個(gè)漢字，共可以表示2^16＝65536個(gè)漢字册踩。
例如：
中國(guó)的ANSI編碼是GB2312編碼(簡(jiǎn)體)泳姐，對(duì)6763漢字進(jìn)行編碼，含600多特殊字符暂吉。另外還有GBK(簡(jiǎn)體)胖秒。
日本的ANSI編碼是JIS編碼。
臺(tái)灣的ANSI編碼是BIG5編碼（繁體）
UTF-8(Unicode Transform Format)編碼：
根據(jù)字符的不同慕的，選擇其編碼的長(zhǎng)度阎肝。比如：一個(gè)字符A用1個(gè)字節(jié)表示，一個(gè)漢字用2個(gè)字節(jié)表示肮街。
毫無(wú)疑問(wèn)风题，開(kāi)發(fā)中，都用UTF-8編碼吧，準(zhǔn)沒(méi)錯(cuò)俯邓。
中文能夠使用的字符集兩種：
第一種：UTF-8骡楼。UTF-8是國(guó)際通用字庫(kù)熔号，里面涵蓋了所有地球上所有人類(lèi)的語(yǔ)言文字稽鞭，比如阿拉伯文、漢語(yǔ)引镊、鳥(niǎo)語(yǔ)……
第二種：GBK（對(duì)GB2312進(jìn)行了擴(kuò)展）朦蕴。gb2312 是國(guó)標(biāo)，是中國(guó)的字庫(kù)弟头，里面僅涵蓋了漢字和一些常用外文吩抓，比如日文片假名，和常見(jiàn)的符號(hào)赴恨。
字庫(kù)規(guī)模： UTF-8（字全） > gb2312（只有漢字）
重點(diǎn)2：UTF-8和gb2312的比較
保存大姓钊ⅰ：UTF-8（更臃腫、加載更慢） > gb2312 （更小巧伦连，加載更快）
總結(jié)：
UTF-8：字多雨饺，有各種國(guó)家的語(yǔ)言，但是保存尺寸大惑淳，文件臃腫额港；
gb2312：字少，只用中文和少數(shù)外語(yǔ)和符號(hào)歧焦，但是尺寸小移斩，文件小巧。
列出2個(gè)使用情形：
1） 你們公司是做日本動(dòng)漫的绢馍，經(jīng)常出現(xiàn)一些日語(yǔ)動(dòng)漫的名字向瓷，網(wǎng)頁(yè)要使用UTF-8。如果用gb2312將無(wú)法顯示日語(yǔ)舰涌。
2） 你們公司就是中文網(wǎng)頁(yè)风罩，極度的追求網(wǎng)頁(yè)的顯示速度，要使用gb2312舵稠。如果使用UTF-8將每個(gè)漢字多一個(gè)byte超升，所以5000個(gè)漢字，多5kb哺徊。
qq網(wǎng)室琢、網(wǎng)易、搜狐都是使用gb2312落追。這些公司盈滴，都追求顯示速度。
新華網(wǎng)藏語(yǔ)頻道，使用的是UTF-8巢钓，保證字符集的數(shù)量病苗。? ?在瀏覽器中打開(kāi)網(wǎng)頁(yè)，右鍵症汹，選擇“查看網(wǎng)頁(yè)源代碼”硫朦，找到me標(biāo)簽中的charset屬性即可。
HTML顏色介紹
顏色表示：
純單詞表示：red背镇、green咬展、blue、orange瞒斩、gray等
10進(jìn)制表示：rgb(255,0,0)
16進(jìn)制表示：#FF0000破婆、#0000FF、#00FF00等
二胸囱、HTML的規(guī)范
HTML是一個(gè)弱勢(shì)語(yǔ)言祷舀、不區(qū)分大小寫(xiě)
HTML頁(yè)面的后綴名是html或者h(yuǎn)tm(有一些系統(tǒng)不支持后綴名長(zhǎng)度超過(guò)3個(gè)字符，比如dos系統(tǒng))
HTML的結(jié)構(gòu)：
聲明部分：主要作用是用來(lái)告訴瀏覽器這個(gè)頁(yè)面使用的是哪個(gè)標(biāo)準(zhǔn)烹笔。<!doctype html>是HTML5標(biāo)準(zhǔn)裳扯。
head部分：將頁(yè)面的一些額外信息告訴服務(wù)器。不會(huì)顯示在頁(yè)面上箕宙。
body部分：我們所寫(xiě)的代碼必須放在此標(biāo)簽內(nèi)嚎朽。
目前，IE瀏覽器是完全不支持H5的柬帕，支持最好的是Opera瀏覽器哟忍，可以支持95%以上；其次是google陷寝，可以支持一部分H5锅很。
2、HTML的基本語(yǔ)法特性
編寫(xiě)XHTML的規(guī)范：
（1）所有標(biāo)記元素都要正確的嵌套凤跑，不能交叉嵌套爆安。正確寫(xiě)法舉例：<h1><font></font></h1>
（2）所有的標(biāo)記都必須小寫(xiě)。
（3）所有的標(biāo)記都必須關(guān)閉仔引。
雙邊標(biāo)記：<span></span>
單邊標(biāo)記：<br>?轉(zhuǎn)成?<br />?<hr>?轉(zhuǎn)成?<hr />扔仓，還有<img src=“URL” />
（4）所有的屬性值必須加引號(hào)。<font color="red"></font>
（5）所有的屬性必須有值咖耘。<hr noshade="noshade">翘簇、<input type="radio" checked="checked" />
（6）XHTML文檔開(kāi)頭必須要有DTD文檔類(lèi)型定義
1）HTML對(duì)換行不敏感，對(duì)tab不敏感
HTML只在乎標(biāo)簽的嵌套結(jié)構(gòu)儿倒，嵌套的關(guān)系版保。誰(shuí)嵌套了誰(shuí)，誰(shuí)被誰(shuí)嵌套了，和換行彻犁、tab無(wú)關(guān)叫胁。換不換行、tab不tab汞幢，都不影響頁(yè)面的結(jié)構(gòu)驼鹅。
2）空白折疊現(xiàn)象
HTML中所有的文字之間，如果有空格急鳄、換行谤民、tab都將被折疊為一個(gè)空格顯示堰酿。
3）標(biāo)簽要嚴(yán)格封閉
標(biāo)簽不封閉是災(zāi)難性的疾宏。
