1. 實體
2. 元資料
3. 全域性屬性

一、實體

HTML實體就是將有特殊意義的字元通過實體程式碼顯示出來。

二、資料

<meta>元素可以定義文件中的各種元資料，而且一個HTML頁面可以包含多個<meta>元素

1、指定名/值元資料對

<meta name="author" content="bnbbs">
<meta name="description" content="這是一個HTML5頁面">
<meta name="keywords" content="html5，css3，響應式">
<meta name="generator" content="sublim text 3">

2、宣告字元編碼

<meta charset="utf-8">

3、模擬HTTP標頭欄位

①、5秒跳轉到其他頁面

<meta http-equiv="refresh" content="5;全域性屬性和其他.html">

<meta http-equiv="content-type" content="text/html charset=utf-8">

三、全域性屬性

在此之前，我們涉及到的元素都講解了它的全域性屬性，當然也知道一些全域性屬性，比如id。全域性屬性是所有元素共有的行為，HTML還提供了一些其他的全域性屬性。

1、id屬性

<p id="abc">段落</p>

<style type="text/css">
    #abc{
        color:red;
    }
</style>

解釋：id屬性給元素分配一個唯一的識別符號。這種符號通常用來給CSS和JavaScript呼叫選擇元素。一個頁面只能出現一次同一個id名稱。

2、class屬性

<p class="efg">段落</p>
<p class="efg">段落</p>
<p class="efg">段落</p>

<style type="text/css">
    .efg{
        color:red;
    }
</style>

解釋：class屬性用來給元素歸類。通過是文件中某一個或多個元素同時設定CSS樣式。

3、accesskey屬性

<input type="text" name="user" accesskey="e">

解釋：快捷鍵操作，Windows下alt+指定鍵，前提是瀏覽器alt並不衝突。

4、contenteditable屬性

<p contenteditable="true">我可以修改嗎</p>

解釋：讓文字處於可編輯狀態，設定true則可以編輯，false則不可以編輯。或者直接設定屬性。

5、dir屬性

<p dir="rtl">文字到右邊了</p>

解釋：讓文字從左到右（ltr），還是從右到左（rtl）

6、hidden屬性

<p hidden>文字被隱藏了</p>

解釋：隱藏元素。

7、lang屬性

<p lang="en">HTML5</p>

解釋：可以區域性設定語言。

8、title屬性

<p title="HTML5教程">HTML5</p>

解釋：對元素的內容進行額外的提示。

9、tabindex屬性

<input type="text" name="user1" tabindex="2">
<br>
<input type="text" name="user2" tabindex="1">
<br>
<input type="text" name="user3" tabindex="-1">

解釋：表單中按下tab鍵，實現獲取焦點的順序。如果是-1，則不被選中。

10、style屬性

<p style="color:red;">CSS樣式</p>

解釋：設定元素行內CSS樣式。