HTML是什么
- HTML是HyperText Markup Language的縮寫垂券，超文本標(biāo)記語(yǔ)言堵幽。
HTML的作用
- 在純文本文件中叼屠，所有的文字都是同級(jí)別的疯溺，HTML只有一個(gè)作用：專門用來描述文本的語(yǔ)義论颅，也就是說可以通過HTML告訴瀏覽器哪些是標(biāo)簽，哪些是段落囱嫩。這些用于描述其他文本語(yǔ)義的文本稱為標(biāo)簽恃疯，且標(biāo)簽不會(huì)在瀏覽器中顯示出來。
- 因?yàn)檫@些標(biāo)簽是專門用來描述其他文本語(yǔ)義的墨闲，且在瀏覽器中不顯示今妄，因此稱為“超文本”，又因?yàn)檫@些文本叫標(biāo)簽鸳碧，所以HTML被稱為“超文本標(biāo)記語(yǔ)言”怀喉。
網(wǎng)頁(yè)的固定格式
- 編寫網(wǎng)頁(yè)有一套規(guī)范和要求，規(guī)定了寫網(wǎng)頁(yè)的格式隶债。
- 基本結(jié)構(gòu)：
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
- 通過觀察可以發(fā)現(xiàn)疗我，HTML基本結(jié)構(gòu)中的標(biāo)簽大部分都是成對(duì)出現(xiàn)的，不帶/的標(biāo)簽稱為開始標(biāo)簽琐脏，帶/的標(biāo)簽稱為結(jié)束標(biāo)簽攒砖。
html標(biāo)簽
- 作用：告訴瀏覽器這是一個(gè)HTML文檔缸兔。
- 注意點(diǎn)：所有標(biāo)簽都必須寫在html開始與結(jié)束標(biāo)簽之間。
head標(biāo)簽
- 作用：
- 用于給網(wǎng)站添加配置信息
- 例如:
- 指定網(wǎng)站的標(biāo)題/指定網(wǎng)站的小圖片
- 添加網(wǎng)站的SEO相關(guān)的信息（指定網(wǎng)站的關(guān)鍵字/制定網(wǎng)站的描述信息）
- 外掛一些外部的css/js文件
添加一些瀏覽器適配相關(guān)的內(nèi)容
- 注意點(diǎn)：
- 一般情況下吹艇，head標(biāo)簽內(nèi)的內(nèi)容不會(huì)顯示給用戶看
title標(biāo)簽
- 作用:
- 專門用于指定網(wǎng)站的標(biāo)題惰蜜，且作為保存網(wǎng)站的默認(rèn)標(biāo)題
- 注意點(diǎn)：必須寫在head標(biāo)簽內(nèi)
body標(biāo)簽
- 作用：
- 專門用于 定義HTML文檔中顯示給用戶查看的內(nèi)容
- 注意點(diǎn)：
- 一定要將需要顯示的內(nèi)容寫在body中
- 一對(duì)<html></html>中只能有一對(duì)<body></body>標(biāo)簽
head內(nèi)部標(biāo)簽
meta標(biāo)簽
- meta標(biāo)簽的作用，就是指定當(dāng)前網(wǎng)頁(yè)的字符集
- 為什么會(huì)有亂碼的現(xiàn)象受神？
- 編寫網(wǎng)頁(yè)時(shí)沒有指定字符集
- 如何解決亂碼現(xiàn)象抛猖？
-在head標(biāo)簽中添加“<meta charset="GBK（UTF-8）"/>”,指定字符集
- 什么是字符集？
- GBK（GB2312）和UTF-8區(qū)別
- GBK（GB2312）僅僅存儲(chǔ)一些漢字及常用外文
- UTF-8存儲(chǔ)世界上所有文字
-體積較大
- 懶人推薦：不管三七二十一，一律用UTF-8
標(biāo)簽分類
- 單標(biāo)簽
- 只有開始標(biāo)簽沒有結(jié)束標(biāo)簽
<meta charset="UTF-8"/>
- 雙標(biāo)簽
- 又開始標(biāo)簽和結(jié)束標(biāo)簽
<html>
</html>
HTML標(biāo)簽關(guān)系分類
<head>
</head>
<body>
</body>
<head>
<meta charset="UTF-8"/>
<title></title>
</head>
DTD文檔聲明
- 什么是DTD文檔聲明撑碴？
- 由于HTML有多個(gè)版本的規(guī)范撑教，我們需要在HYML文件的第一行告訴瀏覽器我們要用哪個(gè)版本的規(guī)范來編寫，瀏覽器知道我們用那個(gè)版本后醉拓，就能正確的編譯/解析/渲染我們的網(wǎng)頁(yè)
- DTD文檔聲明格式伟姐？
- 每一個(gè)不同版本的規(guī)范都有不同的DTD文檔聲明
- 現(xiàn)在一般使用HTML5的DTD文檔聲明，因?yàn)樗窍蛳录嫒莸?br>
格式：
<!DOCTYPE html>
- DTD文檔聲明的注意點(diǎn)：
- 任何一個(gè)標(biāo)準(zhǔn)的HTML網(wǎng)頁(yè)的第一行一定是DTD文檔聲明
- DTD文檔不區(qū)分大小寫
- DTD文檔聲明不是標(biāo)簽
- 瀏覽器不會(huì)完全依賴DTD文檔聲明亿卤，瀏覽器有一套自己的機(jī)制愤兵，第一行寫DTD是遵守規(guī)定
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
