HTML标签详解：单标签与双标签的使用与规范-优快云博客

html按照结构功能来分，分为单标签和双标签。

单标签(自闭合标签, 空标签):

只有一个<>组成，例如<br ／>。

<base /> base标签
<meta /> 元信息
<link /> 引入标签
<br /> 换行标签
<hr /> 水平线
<img /> 图片标签
<input /> 输入框

双标签(一般标签, 体标签):

由<></>组成，有始有终，<>表示标签开始，</>表示标签结束，例如<div>...</div>。

<html>页面标签</html>
<head>头部标签</head>
<body>可视标签</body>
<title>页面标题</title>
<div>盒子标签</div>
<p>段落标签</p>
<h1>标题标签</h1>
<span>空元素</span>
<em>斜体字体</em>
<strong>加粗字体</strong>
<ul><li>无序列表</li></ul>
<ol><li>有序列表</li></ol>
<a href=””>超链接</a>
<iframe>内联框架</iframe>

标签的写法:

XHTML的规范最严格，必须在自闭合标签中添加“/”来表明标签的结束。
在HTML4.01的规范中，不推荐在自闭合标签中添加“/”。
而HTML5最宽松，自闭合标签建议不要添加“/”，但在自闭合标签中添加“/”也是支持的。

<!-- 如下写法在XHTML1.0、HTML4.01和HTML5中都兼容，但在HTML4中强烈不推荐, 在HTML5中不推荐 -->
<img src="demo.png" alt="demo" />
<!-- 如下写法不符合XHTML1.0规范，但符合HTML4.01和HTML5的规范 -->
<img src="demo.png" alt="demo">

<!-- 错误：非自闭合标签没有结束标签 -->
<a href="demo.html" title="demo">simple
<!-- 错误：非自闭合标签使用自闭合标签的语法 -->
<a href="demo.html" title="demo" />
<!-- 错误：自闭合标签使用非自闭合标签的语法 -->
<img src="demo.png" alt="demo"></img>