meta標(biāo)簽作用
指定字符集
為什么會有亂碼現(xiàn)象瞧剖?
沒有指定字符集
字符集指定方法
head 標(biāo)簽中添加:
<meta charset="GBK" />
什么是字符集
字符的集合
GBK(GB2312)中字符較少 體積小 打開快 (網(wǎng)站只有中文用GBK)
UTF-8 中存儲世界上所有文字 體積大
注意:在 HTML 文件中指定字符集必須與保存字符集一致
標(biāo)簽的分類
按照標(biāo)簽數(shù)量分: 單標(biāo)簽和雙標(biāo)簽
按照標(biāo)簽之間的關(guān)系分: 并列關(guān)系和嵌套關(guān)系
DTD文檔聲明
DTD文檔聲明的作用:
告訴瀏覽器用的是哪個版本的 HTML 規(guī)范
HTML5 文檔聲明規(guī)范向下兼容碴里,所以現(xiàn)在使用 HTML5 文檔聲明
格式:
<!doctype html>
練習(xí):格式記憶
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>```
**注意點:**
**1.任何一個標(biāo)準(zhǔn)的 HTML 網(wǎng)頁第一行一定是 DTD 文件**
**2.DTD 文件不區(qū)分大小寫**
**3.DTD 文檔聲明不是標(biāo)簽**
**4.雖然聲明的作用是告訴瀏覽器是以哪個版本編寫的,瀏覽器并不完全依賴聲明,它有其本身的一套作用體系最爬,即使不聲明也會正常使用。但是牲距,W3C規(guī)定 HTML 第一行必須是 DTD 聲明,那么我們按此編寫**
##XHTML HTML HTML5 的規(guī)范區(qū)別
區(qū)別就是钥庇,嚴(yán)格與不嚴(yán)格牍鞠,功能多與功能少
htm 與 html 的區(qū)別:htm 是老操作系統(tǒng)不支持長擴展名
##H P HR 標(biāo)簽的使用
__快速新建項目__: alt + ctrl + insert
__H 標(biāo)簽__:添加標(biāo)題語義,并非修改樣式
__格式__: ```<h1></h1>```
H 標(biāo)簽有6個 h1 - h6
H 標(biāo)簽單獨占一行上沐, h1 最大 h6 最小
**在企業(yè)開發(fā)中慎用 H 標(biāo)簽皮服,尤其是 H1 標(biāo)簽**
**一個頁面只有一個 H1 標(biāo)簽 (與 SEO 有關(guān))**
__快捷鍵:__
_1.END 跳到本行最后一個_
_2.HOME 跳到本行開頭_
_3.alt + 鼠標(biāo)左鍵下拖 多行文本輸入_
_4.alt + ctrl + t 用 <></> 包裹選中代碼_
_5.復(fù)制當(dāng)前行 ctrl + d_
_6.刪除當(dāng)前行 ctrl + x_
__p 標(biāo)簽__:添加段落語義
格式:```<p></p>```
**注意點:在瀏覽器中獨占一行**
__HR 標(biāo)簽__: 分割線
__格式__:```<hr /> ```
HR 標(biāo)簽是單標(biāo)簽也是獨占一行
XTML 規(guī)范中 <hr /> "/" 不可以省略
HTML 規(guī)范中可以寫成 <hr>
使用情況按開發(fā)工具自動生成
##HTML 發(fā)展史
![html 發(fā)展史](http://upload-images.jianshu.io/upload_images/4652604-9f0620bb59d1ce7d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)