我們知道HTML5是由HTML+CSS+JavaScript，三部分組成。
其中HTML是Hyper Text Markup Language的縮寫，那HTML主要是包含一系列的標簽，我們把這些標簽叫做HTML標簽，它是HTML語言中最基本的單位、最重要的組成部分。我們一起來看看吧。
一、文檔類型聲明：
在具體聊HTML標簽前，先來扯扯別的，我們平時接觸的瀏覽器都有哪些呢？谷歌（Chrome）、火狐（Firefox）、歐朋（Opera）、IE、Safari等，有很多，對吧。那用戶使用哪一種瀏覽器，作為開發人員來說也是不確定的，是吧。同時由于各大瀏覽器的內核不同，各個瀏覽器對頁面的渲染上存在差異，就連同為IE瀏覽器的不同版本也不一樣。自W3C標準推出后，瀏覽器渲染頁面有了統一的標準，但一些舊的網頁如何保證它們還能繼續瀏覽呢？就只好將兩種渲染方式共同存在一個瀏覽器上。這兩種方式就是怪異模式與標準模式。
那如何識別是哪一種模式呢？就是我們的DTD（Document Type Definition），即網頁文檔聲明的作用 。
這里僅介紹HTML4版本和HTML5版本的文檔聲明：
HTML4文檔聲明： 嚴格型（strict） 框架型（frameset）過渡型（transitional）
HTML5文檔聲明：<!DOCTYPE html> 較為簡潔。
注意若是沒有寫文檔聲明，則會出現怪異解析喲。
二、文檔的規范：
在上面這張圖中，我們能看到最上面是文檔的聲明<!DOCTYPE?html>。接著的其實就是HTML的標簽，它們一般都是成對出現，且用<>符號表示，例如圖中的<html></html>、<head></head>、<body></body>等標簽，那么也存在像<meta>這樣的單標簽。在一個html標簽里，有且僅有一對的head和body標簽。
在head標簽里，有meta和title標簽，它們有什么含義和作用呢？
meta標簽：
meta標簽提供的是有關頁面的元信息（meta-information），在meta標簽里，我們看到charset=”utf – 8”,對吧，這是字符編碼，因為不同國家的語言不同，其轉義的方式不同，所以為了不會出現亂碼的情況，我們必須加上一個字符編碼，而“utf – 8”又被稱為“萬國碼”。
meta標簽的屬性有兩種：
1）name與content屬性
name屬性用于描述網頁，它以名稱/值來表現的，而name具體的內容則由content屬性來表示。其中，name一般使用較多是：keywords（關鍵字）、description（簡短的描述），便于爬蟲查找與分類。
2）http-equiv與content屬性
目前較多是使用它們的是進行頁面的刷新與跳轉頁面。
title標簽：
title顧名思義，就是用來表示這個網頁是用來干什么的。title標簽內的內容會在瀏覽器的標題欄中進行顯示，平時我們收藏一些網頁的書簽名稱就是title的內容。同時它可以方便搜索引擎索引頁面，所以一定要加上，同時最好是和網站本身有關聯性，不能是獨立的。例如：
注意！！！！
meta標簽一定是在title標簽的前面。原因是：網頁的讀取順序是從上到下，我們要先進行字符編碼的設置，不然title里的內容就有可能會出現亂碼了。
在head標簽里放置的內容是不會在頁面中顯示的。頁面中顯示的內容是放在body里的。head部分除了放置meta、title標簽，還有鏈接到CSS的link標簽和鏈接到JS的script標簽，這里就不介紹了，在之后的相應部分會再聊到的。
三、標簽書寫的規范：
1.代碼縮進，使用Tab鍵。
2.標簽通常是成對出現的，一開一關。也存在一些單標簽，如：<meta />、<br />等。
3.標簽與它的屬性都必須小寫。
4.所有的標簽必須合理嵌套。
是這樣的，標簽存在一定的語義性，需要根據標簽自身的屬性來進行合理嵌套。例如：<p>
標簽（paragraph）是用來定義段落的，就不用它來布局；像<div><span><em>一念成mo</span></em></div>是不對稱的，這樣是錯誤的。具體的基本嵌套規則：
1）body可以直接包含塊狀元素、ins、del、script。不可以直接包含行內元素
2）ins和del（行內元素）可以包含塊狀元素或者行內元素，其他任何行內元素都不允許包含塊狀元素
3）p、h1-h6可以直接包含行內元素和文本信息，但是不允許包含塊狀元素
4）dl元素只允許包含dt和dd，同時dt不能包含塊狀元素，只允許包含行內元素，對于dd可以包含任何元素
5）form元素不能夠直接包含input元素。原因在于input元素屬于行內元素，form元素僅僅能夠包含塊狀元素
6）table元素只能夠包含caption、colgroup、col、thead、tbody、tfoot，不能夠直接包含tr或者其他任何元素
關于最后一部分嵌套不太理解的，沒關系，等之后把具體的標簽有哪些，各具有什么特點，進行閑扯后，再回來看就會更加清晰了，今天就先寫到這了。?
D.ate...#吾日三省吾身# ? ? 夢想無關大小，只要做自己就好。
