作為一個前端，相信大家最先接觸應該都是HTML吧？在HTML中很多人可能都沒有把什么叫標簽，什么叫元素這個概念搞清楚，為了把這個大家不曾留意的易混淆的搞清楚，特作此一文徹底解決掉這個問題！
首先我們來看概念
1.標簽
-
由尖括號包圍的關鍵詞，比如 <html>
-
通常是成對出現的，比如 < div> 和 </div>
-
標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽；
-
開始和結束標簽也被稱為開放標簽和閉合標簽。
-
也有單獨呈現的標簽，如：<img src="百度百科.jpg" />等。
-
一般成對出現的標簽，其內容在兩個標簽中間。單獨呈現的標簽，則在標簽屬性中賦值。如<h1>標題</h1>和 <input type="text" value="按鈕" />。
- 網頁的內容需在<html>標簽中，標題、字符格式、語言、兼容性、關鍵字、描述等信息顯示在<head>標簽中，而網頁需展示的內容需嵌套在<body>標簽中。某些時候不按標准書寫代碼雖然可以正常顯示，但是作為職業素養，還是應該養成正規編寫習慣。
2.元素
1.HTML 元素以開始標簽起始
2.HTML 元素以結束標簽終止
3.元素的內容是開始標簽與結束標簽之間的內容
4.某些 HTML 元素具有空內容（empty content）
5.空元素在開始標簽中進行關閉（以開始標簽的結束而結束）
6.大多數 HTML 元素可擁有屬性
通過對比我們可以清楚的了解到，HTML標簽是超文本標記語言的最基本單位，而HTML 元素指的是從開始標簽（start tag）到結束標簽（end tag）的所有代碼。標簽不區分大小寫，但是官方建議小寫。
現在超文本標記語言發布第五個版本。那就是大名鼎鼎的HTML5.順便吐槽一句，現在許多外行，包括部分腦殘碼農，張口閉口就是你們做h5的怎么怎么滴，在此我只想大喊一聲：“我們是前端工程師，Front End Engineer！！！我們會的不僅僅是HTML ! OK？”