第一節(jié)課
內(nèi)容和顯示
字符和編解碼的知識(shí)。
文本和樣式枢步。
不可見(jiàn)字符鹿寻。
字符和編解碼的知識(shí)
字符亂碼
文件打開(kāi)字符亂碼的原因是編解碼，數(shù)據(jù)流是0101存儲(chǔ)的二進(jìn)制流邦危，編解碼就是把二進(jìn)制流編譯成我們識(shí)別的字符洋侨。
發(fā)電報(bào)，漢子內(nèi)容倦蚪，發(fā)電員編碼表查詢用4個(gè)數(shù)字轉(zhuǎn)換一個(gè)漢字希坚，然后在依照編碼表轉(zhuǎn)換出來(lái)。當(dāng)發(fā)報(bào)人的編碼表和接受人的編碼表不一樣時(shí)审丘，就會(huì)出現(xiàn)字符亂碼吏够。使用的軟件是否支持打開(kāi)這個(gè)文件格式，還有的是同樣的編譯模式，但是沒(méi)有調(diào)試出對(duì)應(yīng)的格式锅知。修改同樣的類型播急，或者同樣的系統(tǒng)，window GB2312和mac utf-8在sari瀏覽器里的view中找到后有一個(gè)text Encoding選擇合適的格式售睹。
ASCII碼英文所包含的字符ASCII碼擴(kuò)展字符集主要擴(kuò)展出來(lái)的歐洲其他語(yǔ)言的字符桩警，Unicode符號(hào)集包含所有的標(biāo)準(zhǔn)完整的字符集，UTF-8Unicode的一種實(shí)現(xiàn)方式昌妹，GB2312簡(jiǎn)體中文的字符標(biāo)準(zhǔn)捶枢，GBK之前的擴(kuò)展，GB18030漢字國(guó)標(biāo)飞崖。
文本和樣式
word中的樣式烂叔，word是富文本軟件，樣式的目的就是為了閱讀體驗(yàn)顯示重點(diǎn)固歪。word有自己的協(xié)議所以用IDE打開(kāi)的時(shí)候會(huì)出現(xiàn)亂碼蒜鸡。word也是用的二進(jìn)制流，也是utf-8編碼的牢裳，但是word添加了自己的算法逢防，word軟件不開(kāi)源，會(huì)流之前標(biāo)記一些他的協(xié)議打亂他的編譯順序和字符順序蒲讯。
網(wǎng)頁(yè)也是文本和樣式忘朝。
樣式的作用
文件擴(kuò)展名
有的隱藏了擴(kuò)展名，root目錄判帮，隱藏?cái)U(kuò)展名去掉局嘁，才能顯示擴(kuò)展名。IDE就是編寫(xiě)軟件脊另，開(kāi)發(fā)軟件的工具导狡。寫(xiě)代碼編譯運(yùn)行。
不可見(jiàn)字符
ASCII碼中有一部分字符是不可見(jiàn)的偎痛，前32和后127個(gè)旱捧。其他字符集兼容ASCII碼也有同樣位置的不可見(jiàn)字符。刪除鍵踩麦，格式刷枚赡，替換不可見(jiàn)字符，網(wǎng)上搜谓谦。
不可見(jiàn)字符會(huì)導(dǎo)致代碼出現(xiàn)問(wèn)題贫橙，不能運(yùn)行。jade是強(qiáng)制使用tab鍵一按tab就是四個(gè)空格反粥。
新建文件后綴寫(xiě)上卢肃，才會(huì)有解析疲迂，才會(huì)轉(zhuǎn)換處理字符文件。
markdown標(biāo)記語(yǔ)言莫湘，富文本可以處理更多樣式和格式尤蒿，
ipv4與ipv6的關(guān)系，是ipv4的地址枯竭幅垮，然后用的ipv6更多的地址腰池。
程序的默認(rèn)高于系統(tǒng)的默認(rèn)，任何一個(gè)文件都可以用軟件打開(kāi)忙芒，但是會(huì)成為亂碼示弓。
在沒(méi)有指定拓展名的文件里默認(rèn)的字符是什么格式，utf-8還是unicode呵萨。默認(rèn)的是utf-8奏属。word和excel的默認(rèn)編碼一家公司出的一樣。但是其他的不一定一樣甘桑。
HTML CSS XML
標(biāo)簽語(yǔ)言中注釋一定要寫(xiě)清楚拍皮，方便以后查閱自己寫(xiě)的代碼是什么。如聲明文檔類型跑杭，聲明編碼是UTF-8，標(biāo)簽語(yǔ)言都是成對(duì)出現(xiàn)的就像對(duì)講機(jī)必須要兩只才能通話咆耿。
引入外部的css鏈接<link rel="stylesheet" href="./css-demo.css">,此時(shí)需要在當(dāng)前文件夾中有一個(gè)css-demo.css文件吻商，才可以引入掏颊，這里路徑不能錯(cuò)。
第三種使用css的方法艾帐，插入鏈接可以修改任何一個(gè)使用該樣式的html文件乌叶，方便快捷。
再加入一個(gè)css連接<link xxx>
同一個(gè)文件里可以使用多個(gè)css文件柒爸，可以再次修改網(wǎng)頁(yè)正文的圖片大凶荚 ：
多個(gè)文件使用同一個(gè)css文件：
三層分離：
本人，化妝捎稚，去約會(huì)乐横，三部分那一部分出錯(cuò)就可以分別修改求橄，整容，化妝葡公，換約會(huì)對(duì)象谈撒。
XML標(biāo)記語(yǔ)言，HTML是顯示數(shù)據(jù)
自我描述定義的email元素匾南，
XML與HTML區(qū)別
xml類似于萬(wàn)能數(shù)據(jù)線啃匿，用來(lái)傳輸不同手機(jī)之間數(shù)據(jù)傳輸?shù)摹?/p>
HTML是一種寬松的語(yǔ)法標(biāo)記符號(hào)
這里的后半部分</input>是可以省去的不影響，但是XML就不行蛆楞。XML可以被各種電腦識(shí)別的一種傳輸數(shù)據(jù)溯乒。
