HTML5新增内容
html5 新增内容
更多的语义化标签
html 增加了很多语义化标签，比如<header>、<footer>、<nav>、<article>、<section>、<aside>、<main>等等，这些标签都是为了让我们的网页更加语义化，更加容易被搜索引擎收录，更加容易被机器识别。
许多原先使用 div 实现的区域划分可以使用更多的语义化标签来实现，使得 html 文档的结构更加清晰。
标签改动
例如上一篇文章所提到的<b>,<i>标签，已经不在被用作加粗字体和斜体字体的标签，而是标识独立的语句片段，而加粗和斜体的样式可以通过 css 来实现。这样做的目的是让内容的展示和样式的设置分离。
新增表单元素
<datalist>：用于定义输入域的选项列表，配合<input>标签的list属性使用。
<form action="demo-form.php" method="get">
<input list="browsers" name="browser" />
<datalist id="browsers">
<option value="Internet Explorer"></option>
<option value="Firefox"></option>
<option value="Chrome"></option>
<option value="Opera"></option>
<option value="Safari"></option>
</datalist>
<input type="submit" />
</form>
<output>：用于定义输出结果，配合<input>标签的output属性使用。
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
0 <input type="range" id="a" value="50" />100 +<input
type="number"
id="b"
value="50"
/>
=<output name="x" for="a b"></output>
</form>
<keygen>：用于定义密钥对生成器，配合<form>标签的keygen属性使用。
<form action="demo_keygen.php" method="get">
用户名: <input type="text" name="usr_name">
加密: <keygen name="security">
<input type="submit">
</form>
新增表单属性
input标签新增color,可以用来选择颜色。input标签新增date,可以用来选择日期。input标签新增datetime,可以用来选择日期（UTC 时间）。input标签新增datetime-local,可以用来选择日期和时间。input标签新增email,可以用来输入邮箱地址。input标签新增month,可以用来选择月份。input标签新增number,可以用来输入数字。input标签新增range,可以用来输入范围。input标签新增search,可以用来输入搜索内容。input标签新增tel,可以用来输入电话号码。input标签新增time,可以用来选择时间。
样例显示
可以移步w3school查看样例。