html5 學習筆記2017-02-09 pm

meta標簽作用

指定字符集

為什么會有亂碼現象?

沒有指定字符集

字符集指定方法

head 標簽中添加:
<meta charset="GBK" />

什么是字符集

字符的集合
GBK(GB2312)中字符較少 體積小 打開快 (網站只有中文用GBK)
UTF-8 中存儲世界上所有文字 體積大
注意:在 HTML 文件中指定字符集必須與保存字符集一致

標簽的分類

按照標簽數量分: 單標簽和雙標簽
按照標簽之間的關系分: 并列關系和嵌套關系

DTD文檔聲明

DTD文檔聲明的作用:
告訴瀏覽器用的是哪個版本的 HTML 規范
HTML5 文檔聲明規范向下兼容,所以現在使用 HTML5 文檔聲明

格式:
<!doctype html>

練習:格式記憶

<html>
         <head>
                    <meta charset="UTF-8">
                    <title></title>
          </head>
          <body>
          </body>
</html>```
**注意點:**
**1.任何一個標準的 HTML 網頁第一行一定是 DTD 文件**
**2.DTD 文件不區分大小寫**
**3.DTD 文檔聲明不是標簽**
**4.雖然聲明的作用是告訴瀏覽器是以哪個版本編寫的,瀏覽器并不完全依賴聲明,它有其本身的一套作用體系,即使不聲明也會正常使用。但是,W3C規定 HTML 第一行必須是 DTD 聲明,那么我們按此編寫**

##XHTML HTML HTML5 的規范區別
區別就是,嚴格與不嚴格,功能多與功能少
htm 與 html 的區別:htm 是老操作系統不支持長擴展名

##H  P  HR 標簽的使用
__快速新建項目__: alt + ctrl + insert

__H 標簽__:添加標題語義,并非修改樣式

__格式__: ```<h1></h1>```
H 標簽有6個 h1 - h6 
H 標簽單獨占一行, h1 最大 h6 最小

**在企業開發中慎用 H 標簽,尤其是 H1 標簽**
**一個頁面只有一個 H1 標簽 (與 SEO 有關)**

__快捷鍵:__

_1.END 跳到本行最后一個_

_2.HOME 跳到本行開頭_

_3.alt + 鼠標左鍵下拖   多行文本輸入_

_4.alt + ctrl + t 用 <></> 包裹選中代碼_

_5.復制當前行   ctrl + d_

_6.刪除當前行   ctrl + x_

__p 標簽__:添加段落語義
格式:```<p></p>```

**注意點:在瀏覽器中獨占一行**

__HR 標簽__: 分割線

__格式__:```<hr />  ```

HR 標簽是單標簽也是獨占一行
XTML 規范中 <hr /> "/" 不可以省略
HTML 規范中可以寫成 <hr>
使用情況按開發工具自動生成

##HTML 發展史
![html 發展史](http://upload-images.jianshu.io/upload_images/4652604-9f0620bb59d1ce7d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 格式后期處理。 Jeremy Keith在 Fronteers 2010 上的主題演講 今天我想跟大家談一談HTM...
    LordZhou閱讀 1,148評論 0 17
  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,321評論 1 41
  • 轉載說明 一、介紹 瀏覽器可以被認為是使用最廣泛的軟件,本文將介紹瀏覽器的工作原理,我們將看到,從你在地址欄輸入g...
    17碎那年閱讀 2,471評論 0 22
  • 如果開始下一段感情,我不會再問:你喜歡我什么、是認真對待的嗎? 我會問:三個月后還會爭分奪秒的關心嗎? 半年后一句...
    瀓sky閱讀 90評論 0 0
  • 多想重新認識你,,,從你叫什么名字開始
    小白羊哪閱讀 110評論 0 0