### 認識什么是純文本文件 txt Windows中自帶一個軟件，叫記事本，記事本保存的文檔格式就是txt 格式，就是英語text的縮寫，術語上，稱呼這個文件叫做“純文本文件”。 我們做了一個小實驗，發現doc這個文件能夠保存內容和樣式，字有紅的、藍的。傳給大家看，是一樣的。 <br/> 但是txt格式有點不同： <br/> 所以，doc和txt存儲同樣的內容，doc比txt 大： <br/> 純文本文件的特點： ①只有文本，沒有樣式； ②用記事本等純文本編輯器可讀，不是亂碼； ③Html 、css 、js都是純文本的。 ### HTML是負責描述文檔語義的語言 HTML是英語（HyperText Markup Language）的縮寫，叫做超文本標記語言。 HTML 不是一門編程語言，它是一門標記標簽語言。 HTML 是用標記來表達網頁。 .html 就是網頁的格式。 第一個網頁 新建一個txt文件： <br/> 也就是說，html本質上和txt沒有任何區別，他們都是純文本文件。 我們強行把這個文件的拓展名，從txt更改為html，我們會發現小圖標就變成瀏覽器的小圖標了： <br/> 在“打開方式”中，用記事本可以編輯它。 現在要養成編輯器里面編輯→保存ctrl+s →瀏覽器里面刷新F5的習慣。 <br/> html到底干嘛用的，看下面的例子： <br/> 純文本txt文件是不能描述文檔的語義的，文檔中不知道誰是主標題，誰是副標題，誰是段落。所以html應運而生。 下面就是一個html文件的演示，就是通過html標簽對兒，來給文本增加語義： html提供了很多標簽對兒，可以給文本增加不同的語義。比如： ~~~ <h1>標簽對兒，主標題</h1>。 <h2>標簽對兒，二級標題。</h2> <p>標簽對兒，普通段落。</p> ~~~ ### W3C標準：網頁技術嚴格的三層分離： html:負責描述頁面的語義； css：負責描述頁面的樣式； js：負責描述頁面的動態效果； 所以，html不能讓文字居中，不能更改文字字號、字體、顏色。 因為這些都是屬于樣式范疇，都是css干的事兒。 Html不能讓盒子運動起來，因為這些屬性行為屬于行為范疇，都是js干的事兒。 ### html中，除了語義，其他什么都沒有。 Html是一個純文本文件（就是用txt文件改名而成），用一些標簽描述文字的語義，這些標簽在瀏覽器中是看不到的，所以稱為“超文本”，所以就是“超文本標記語言”。 比如，面試的時候問你，h1標簽有什么作用？ 正確答案：給文本增加主標題的語義 錯誤答案：給文字加粗、加黑、變大 講了這么多語義化，但是語義化可以給我們帶來什么樣的好處呢？ 更容易被搜索引擎收錄。 更容易讓屏幕閱讀器讀出網頁內容。