什么是HTML
- HTML是Hyper Text Markup Language的縮寫，即超文本標(biāo)記語言蜗元。
HTML的作用
- HTML只有一個作用鹏溯，就是用來給文本添加語義，HTML不會修改文本的樣式太抓。
- HTML通過標(biāo)簽來給文本添加語義空闲，而且這些標(biāo)簽不會在瀏覽器中顯示出來。
- 正是因為這些標(biāo)簽是用來給其他文本添加語義走敌，且不會在瀏覽器中顯示出來碴倾，所以我們稱這些文本為“超文本”，而這些文本又叫做標(biāo)簽掉丽，所以HTML被稱作“超文本標(biāo)記語言”跌榔。
HTML的基本框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我是網(wǎng)頁小標(biāo)題</title>
</head>
<body>
</body>
</html>
DTD文檔聲明
格式
- <!DOCTYPE html>
作用
- 為了讓瀏覽器能夠正確的編譯/渲染/解析我們的網(wǎng)頁，我們需要在HTML文件的第一行就告訴瀏覽器捶障，我們當(dāng)前的網(wǎng)頁是用哪一個版本的HTML規(guī)范來編寫的僧须， 瀏覽器只要知道了我們是用哪一個版本的規(guī)范來編寫之后, 它就能夠正確的編譯/解析/渲染我們的網(wǎng)頁。
注意事項
- <!DOCTYPE>聲明必須是 HTML 文檔的第一行项炼，位于 <html> 標(biāo)簽之前
- <!DOCTYPE> 聲明不是 HTML 標(biāo)簽
- <!DOCTYPE> 聲明沒有結(jié)束標(biāo)簽
- <!DOCTYPE> 聲明對大小寫不敏感
- 這個聲明瀏覽器會看, 但是并不是完全依賴于這個聲明, 瀏覽器有一套自己的默認(rèn)的處理機制担平，但是為了書寫規(guī)范，一律書寫锭部。
- 由于HTML5是向下兼容的暂论，所以都用HTML5類型的文檔聲明，即<!DOCTYPE html>拌禾。
html標(biāo)簽
- 作用
- 用于告訴瀏覽器這是一個網(wǎng)頁, 也就是說告訴瀏覽器我是一個HTML文檔
- 注意點
- 其它所有的標(biāo)簽都必須寫在html標(biāo)簽里面, 也就是寫在html開始標(biāo)簽和結(jié)束標(biāo)簽中間
head標(biāo)簽
- 作用
- 指定網(wǎng)站的標(biāo)題 / 指定網(wǎng)站的小圖片
- 添加網(wǎng)站的SEO相關(guān)的信息(指定網(wǎng)站的關(guān)鍵字/指定網(wǎng)站的描述信息)
- 外掛一些外部的css/js文件
- 添加一些瀏覽器適配相關(guān)的內(nèi)容取胎。
- 注意點
- 一般情況下, 寫在head標(biāo)簽內(nèi)部的內(nèi)容都不會顯示給用戶查看, 也就是說一般情況下寫在head標(biāo)簽內(nèi)部的內(nèi)容我們都看不到
metal標(biāo)簽
- 作用
- 解決亂碼現(xiàn)象
- 注意點
- 在HTML文件中指定的字符集必須和保存這個文件的字符集一致, 否則還是會出現(xiàn)亂碼
- 所以僅僅指定字符集不一定能解決亂碼問題, 還需要保存文件的時候, 文件的保存格式必須和指定的字符集一致才能保證沒有亂碼問題
title標(biāo)簽
- 作用
- 專門用于指定網(wǎng)站的標(biāo)題, 并且這個指定的標(biāo)題將來還會作為用戶保存網(wǎng)站的默認(rèn)標(biāo)題
- 注意點
- title標(biāo)簽必須寫在head標(biāo)簽里面
body標(biāo)簽
- 作用
- 專門用于定義HTML文檔中需要顯示給用戶查看的內(nèi)容(文字/圖片/音頻/視頻)
- 注意點
- 一定要將需要顯示的內(nèi)容寫在body標(biāo)簽里面。
- 一對html標(biāo)簽中(一個html開始標(biāo)簽和一個html結(jié)束標(biāo)簽)只能有一對body標(biāo)簽
