HTML5骨架

DTD： <!DOCTYPE html>
DTD 写法中 html不要加5，表示网页对于不支持html5新特性的浏览器采用标准模式解析。
标准模式解析即对于不认识的标签或属性，采用静默处理不报错，对于支持的直接显示。

<!DOCTYPE html>
<!-- 设置语言为英文，这里的语言对应标签为英文 -->
<html lang="en">
  <head>
    <title>网页标题</title>
    <!-- 设置字符集为utf-8 -->
    <meta charset="UTF-8">
  </head>
  <body>网页主体</body>
</html>

新的语言特性

标签允许使用大写字母（不推荐使用）

<!-- 标签全小写 -->
<div>内容</div>
<!-- 标签全大写 -->
<DIV>内容</DIV>
<!-- 标签大小写兼容 -->
<diV>内容</diV>

标签的属性值可以不用双引号包裹（不推荐使用）

<img src=images/1.png width=100 height=100>

单标签可以省略关闭符号

<!-- 有关闭符号 -->
<img src="" alt="" />
<img src="" alt=""> </img>
<!-- 无关闭符号 -->
<img src="" alt="">

部分标签可以省略类型type属性

<style></style>
<link rel="stylesheet" href="">

新的语义化标签

h5之前的语义标签： ul、dl、ol、table、p、h、span、a、img、em、u、b、i 等等。
HTML5增加了很多语义化标签，下面也列些大概：

figure 定义媒介内容的分组，以及它们的标题。
figcaption 定义 figure 元素的标题。
time 定义时间。
mark 定义有记号的文本。
details 定义元素，文档或者文档的某个部分的细节。
summary 定义 details 元素的标题。
section 定义区域。
article 定义文章。
nav 定义导航链接。
header 定义section 或 page的页眉。
footer 定义section 或 page的页脚。
aside 定义页面内容之外的内容，例如定义侧边栏。

表单的变化

表单元素可以不写在form标签内部

<!-- 表单元素可以不书写在form标签之内，通过表单元素的form属性对应form标签的id属性来进行绑定提交对应的form -->
<form id="bd1" action="" method=""></form>
<input type="text" form="bd1">

label 可以不使用 label for

<!-- 通过使用label包裹对应的元素和文字来实现 label for的功能 -->
<label><input type="radio" name="sex">男</label>

占位符 placeholder

<input type="text" placeholder="请输入内容...">

自动获取焦点 autofocus

<!-- autofocus 自动获取焦点属性只能存在一个 -->
<input type="text" placeholder="请输入内容..." autofocus>

必填项 required

<!-- 表单提交时会进行验证非空 -->
<input type="text" placeholder="请输入内容..." required>

input的输入类型增加

<input type="text"> <!-- 定义文本框（基本） -->
<input type="password"> <!-- 定义密码框 -->
<input type="submit">  <!-- 定义form提交 -->
<input type="radio"> <!-- 定义单选框 -->
<input type="checkbox">  <!-- 定义复选框 -->
<input type="button"> <!-- 定义按钮 -->
<!-- h5新增type 当浏览器不支持输入类型时，会被视为输入类型 text -->
<input type="number">  <!-- 用于应该包含数字值的输入字段。 -->
<input type="date"> <!-- 用于应该包含日期的输入字段。 -->
<input type="color">  <!-- 用于应该包含颜色的输入字段。 -->
<input type="range" min="1" max="100" value="10"> <!-- 用于应该包含一定范围内的值的输入字段。拖拽条 -->
<input type="month"> <!-- 允许用户选择月份和年份。 -->
<input type="week">  <!-- 允许用户选择周和年。 -->
<input type="time"> <!-- 允许用户选择时间（无时区）。 -->
<input type="datetime"> <!-- 允许用户选择日期和时间（有时区）。 -->
<input type="datetime-local"> <!-- 允许用户选择日期和时间（无时区）。 -->
<input type="email"> <!-- 用于应该包含电子邮件地址的输入字段。 -->
<input type="search">  <!-- 用于搜索字段（搜索字段的表现类似常规文本字段）。 -->
<input type="tel"> <!-- 用于应该包含电话号码的输入字段。 -->
<input type="url"> <!-- 用于应该包含 URL 地址的输入字段 -->