语义标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--日期时间-->
<input type="datetime-local" name="" id="" value="" /> </br>
<!--时间-->
<input type="time" name="" id="" value="" /> </br>
<!--chrome下输入文字后，会多出一个关闭的X-->
<input type="search" name="" id="" value="" /> </br>
<!--滑动条-->
<input type="range" name="range1" min="0" max="100" step="5"/> </br>
<!--拾色器-->
<input type="color" name="" id="" value="" /> </br>
<!--选项列表-->
<input type="text" list="valList" />
<!--可筛选-->
<datalist id="valList">
<option value="javascript" label="脚本">javascript</option>
<option value="html" label="内容">html</option>
<option value="css" label="样式">css</option>
</datalist>
<!--用于摘录引用-->
<details open="open">
<summary>啊啊啊啊啊啊</summary>
<p>啊啊啊啊啊</p>
<p>啊啊啊啊</p>
<p>啊啊啊</p>
</details>
<!--黄色标记-->
<mark>标记</mark>
<!--hgroup（双标签）：页面上的一个标题组合，一个标题和一个子标题，或者标语的组合-->
<hgroup>
<h1>h1</h1>
<h2>h2</h2>
</hgroup>
<!--定义文章或页面作者的详细内容，为斜体显示-->
<address>aaaaaaaaaaaaaaaaaa</address>
<!--low指定计数仪表指定范围的最小值，必须大于min
high指定计数仪表指定范围的最大值，必须小于max
optimum计数仪表有效范围内的最佳值，如果大于high则越大越好，如果小于low则越小越好-->
<meter min="2" max="50" low="10" high="40" optimum="45" value="47"></meter>
<!--定义进度条-->
<!--//无min属性-->
<progress max="100" value="50">
<span>50</span>%
</progress>
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name" />
<!--// 选择高级或中级，点击提交按钮，自动生成-->
Encryption: <keygen name="security" />
<input type="submit" />
</form>
</body>
</html>
