### 認(rèn)識(shí)什么是純文本文件 txt
Windows中自帶一個(gè)軟件,叫記事本,記事本保存的文檔格式就是txt 格式,就是英語(yǔ)text的縮寫(xiě),術(shù)語(yǔ)上,稱呼這個(gè)文件叫做“純文本文件”。
我們做了一個(gè)小實(shí)驗(yàn),發(fā)現(xiàn)doc這個(gè)文件能夠保存內(nèi)容和樣式,字有紅的、藍(lán)的。傳給大家看,是一樣的。
<br/>
但是txt格式有點(diǎn)不同:
<br/>
所以,doc和txt存儲(chǔ)同樣的內(nèi)容,doc比txt 大:
<br/>
純文本文件的特點(diǎn):
①只有文本,沒(méi)有樣式;
②用記事本等純文本編輯器可讀,不是亂碼;
③Html 、css 、js都是純文本的。
### HTML是負(fù)責(zé)描述文檔語(yǔ)義的語(yǔ)言
HTML是英語(yǔ)(HyperText Markup Language)的縮寫(xiě),叫做超文本標(biāo)記語(yǔ)言。
HTML 不是一門(mén)編程語(yǔ)言,它是一門(mén)標(biāo)記標(biāo)簽語(yǔ)言。
HTML 是用標(biāo)記來(lái)表達(dá)網(wǎng)頁(yè)。
.html 就是網(wǎng)頁(yè)的格式。
第一個(gè)網(wǎng)頁(yè)
新建一個(gè)txt文件:
<br/>
也就是說(shuō),html本質(zhì)上和txt沒(méi)有任何區(qū)別,他們都是純文本文件。
我們強(qiáng)行把這個(gè)文件的拓展名,從txt更改為html,我們會(huì)發(fā)現(xiàn)小圖標(biāo)就變成瀏覽器的小圖標(biāo)了:
<br/>
在“打開(kāi)方式”中,用記事本可以編輯它。
現(xiàn)在要養(yǎng)成編輯器里面編輯→保存ctrl+s →瀏覽器里面刷新F5的習(xí)慣。
<br/>
html到底干嘛用的,看下面的例子:
<br/>
純文本txt文件是不能描述文檔的語(yǔ)義的,文檔中不知道誰(shuí)是主標(biāo)題,誰(shuí)是副標(biāo)題,誰(shuí)是段落。所以html應(yīng)運(yùn)而生。
下面就是一個(gè)html文件的演示,就是通過(guò)html標(biāo)簽對(duì)兒,來(lái)給文本增加語(yǔ)義:
html提供了很多標(biāo)簽對(duì)兒,可以給文本增加不同的語(yǔ)義。比如:
~~~
<h1>標(biāo)簽對(duì)兒,主標(biāo)題</h1>。
<h2>標(biāo)簽對(duì)兒,二級(jí)標(biāo)題。</h2>
<p>標(biāo)簽對(duì)兒,普通段落。</p>
~~~
### W3C標(biāo)準(zhǔn):網(wǎng)頁(yè)技術(shù)嚴(yán)格的三層分離:
html:負(fù)責(zé)描述頁(yè)面的語(yǔ)義;
css:負(fù)責(zé)描述頁(yè)面的樣式;
js:負(fù)責(zé)描述頁(yè)面的動(dòng)態(tài)效果;
所以,html不能讓文字居中,不能更改文字字號(hào)、字體、顏色。
因?yàn)檫@些都是屬于樣式范疇,都是css干的事兒。
Html不能讓盒子運(yùn)動(dòng)起來(lái),因?yàn)檫@些屬性行為屬于行為范疇,都是js干的事兒。
### html中,除了語(yǔ)義,其他什么都沒(méi)有。
Html是一個(gè)純文本文件(就是用txt文件改名而成),用一些標(biāo)簽描述文字的語(yǔ)義,這些標(biāo)簽在瀏覽器中是看不到的,所以稱為“超文本”,所以就是“超文本標(biāo)記語(yǔ)言”。
比如,面試的時(shí)候問(wèn)你,h1標(biāo)簽有什么作用?
正確答案:給文本增加主標(biāo)題的語(yǔ)義
錯(cuò)誤答案:給文字加粗、加黑、變大
講了這么多語(yǔ)義化,但是語(yǔ)義化可以給我們帶來(lái)什么樣的好處呢?
更容易被搜索引擎收錄。
更容易讓屏幕閱讀器讀出網(wǎng)頁(yè)內(nèi)容。
- 前言
- 走進(jìn)前端工程師的世界
- 前端知識(shí)圖譜
- 前端學(xué)習(xí)方法
- 計(jì)算機(jī)基礎(chǔ)知識(shí)
- 寫(xiě)一封信給4個(gè)月后的自己
- Github的使用
- 網(wǎng)頁(yè)基礎(chǔ)知識(shí)
- 2.1認(rèn)識(shí)網(wǎng)頁(yè)
- 2.2網(wǎng)頁(yè)相關(guān)名詞
- 2.3Web標(biāo)準(zhǔn)
- 2.4開(kāi)發(fā)環(huán)境配置
- 2.4.1Hbuilder使用技巧
- 2.4.2SublineText使用技巧
- 大前端必會(huì)的PS技巧
- HTML
- 網(wǎng)頁(yè)制作入門(mén)
- CSS
- HTML+CSS整站開(kāi)發(fā)
- HTML5
- HTML5 概述
- HTML5 語(yǔ)法
- HTML5 屬性
- HTML5 事件
- HTML5 瀏覽器支持
- HTML5 新元素
- HTML5 Video(視頻)
- HTML5 Audio(音頻)
- HTML5 Input類型
- HTML5 表單元素
- HTML5 語(yǔ)義元素
- HTML5 表單屬性
- CSS3
- CSS3 介紹
- CSS3 選擇器
- 基本選擇符
- 關(guān)系選擇符
- 屬性選擇符
- 偽類選擇符
- 偽對(duì)象選擇符
- CSS3 邊框
- CSS3 圓角
- CSS3 背景
- CSS3 漸變
- CSS3 文本效果
- CSS3 字體
- CSS3 2D轉(zhuǎn)換
- CSS3 3D轉(zhuǎn)換
- CSS3 過(guò)渡
- CSS3 動(dòng)畫(huà)
- CSS3 多列
- CSS3 用戶界面
- CSS3 圖片
- CSS3 按鈕
- CSS3 分頁(yè)
- CSS3 框大小
- CSS3 彈性盒子
- CSS3 顏色
- CSS3 多媒體查詢
- 附錄1
- HTML5+CSS3整站開(kāi)發(fā)
- 前端開(kāi)發(fā)規(guī)范
- 規(guī)范目的
- 命名規(guī)則
- HTML開(kāi)發(fā)規(guī)范
- CSS開(kāi)發(fā)規(guī)范
- SCSS開(kāi)發(fā)規(guī)范
- JavaScript開(kāi)發(fā)規(guī)范
- JavaScript基礎(chǔ)
- JavaScript簡(jiǎn)介
- JavaScript的發(fā)展歷史
- JavaScript是前臺(tái)語(yǔ)言
- 用法
- 認(rèn)識(shí)語(yǔ)句和符號(hào)
- JavaScript輸出
- JavaScript注釋
- 體驗(yàn)js輸出
- JavaScript 變量
- JavaScript 數(shù)據(jù)類型
- JavaScript數(shù)據(jù)類型的轉(zhuǎn)換
- JavaScript運(yùn)算符
- JavaScript流程控制語(yǔ)句
- 前端庫(kù)
- 百度靜態(tài)資源公共庫(kù)
- 前端資源
- 學(xué)習(xí)網(wǎng)站類
