作为一个前端，相信大家最先接触应该都是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？”