携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情
标题段落 div，表单表格 div，遇事不决就用 div？你的网页全是 div。 html 有非常多的标签，每个标签都有不同的语义和作用。适当的内容使用相应的标签有利于用户读懂你的网页，也有利于搜索引擎收录网页。
文章列出较常用的 html 标签，描述其语义和使用方法，帮助您更规范更高效地完成网页开发。
基础标签
<!DOCTYPE>定义文档类型（特殊）
<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。
<!DOCTYPE> 声明不是一个 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。
<!DOCTYPE html>
<html>
...
</html>
<title>为文档定义一个标题
<title> 标签定义文档的标题，在所有 HTML 文档中是必需的。
<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
</head>
</html>
<h1> - <h6>定义 HTML 标题
<h1> - <h6> 标签被用来定义 HTML 标题。
<h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
<p>定义一个段落
<p>这是一个段落。</p>
<br>定义简单的换行
一般在段落中使用换行标签
<p> 使用 br 元素 <br> 在文本中 <br> 换行。 </p>
<hr>水平线
<hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。
<p>段落1</p>
<hr>
<p>段落2</p>
<hr>水平线
<hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。
<p>段落1</p>
<hr>
<p>段落2</p>
格式标签
<address> 地址/联系信息
标签定义文档作者/所有者的联系信息。
<address>作者：某某某</address>
<b>粗体
<b> 标签定义粗体的文本。
<b>该文字加粗</b>
<i>斜体
<i> 标签定义斜体的文本。
<b>该文字斜体</b>
<em>强调的文本
<em> 标签是一个短语标签，用来呈现为被强调的文本。
<em>强调的文本</em>
表单
<form>定义一个 HTML 表单，用于用户输入。<input>定义一个输入控件<textarea>定义多行的文本输入控件。<button>定义按钮。<select>定义选择列表（下拉列表）。<optgroup>定义选择列表中相关选项的组合。<option>定义选择列表中的选项。<label>定义 input 元素的标注。<fieldset>定义围绕表单中元素的边框。<legend>定义 fieldset 元素的标题。
<form>
<label for="name">First name: </label>
<input type="text" name="name">
<textarea rows="10" cols="30"></textarea>
<select>
<optgroup label="组1">
<option value="1-1">1-1</option>
</optgroup>
<optgroup label="组2">
<option value="2-1">2-1</option>
</optgroup>
</select>
</form>
结语
合理地使用标签，优雅的代码增加开发幸福感哦
