什么是HTML5
- HTML5是用于取代HTML和XHTML的标准版本。
HTML5新增结构元素
HTML5新增网页元素
音频播放
视频播放
source元素
- video|audio元素允许多个source元素
- source可链接不同的 视频|音频 文件
Canvas
- HTML5的Canvas元素使用JavaScript在网页上绘制图像。
- 画布是一个矩形区域,可以控制其每一个像素。
- Canvas拥有多种绘制矩形、路径、圆形、字符以及添加图像的方法。
HTML5新增全局属性
HTML5新增input类型
表单初级验证的方法
placeholder
- input类型的文本框提供一种提示,可以描述文本框期待用户输入的内容,提示语默认显示,当文本框中输入内容时提示语消失。
- 适合于input标签:text、search、url、email和password等类型。
- 语法:<input type=“search” name=“sousuo” placeholder=“提示”/>
required
- 规定文本框填写内容不能为空,否则不允许用户提交表单。
- 适合于input标签:text、search、url、email、password、number、checkbox、radio、file等类型。
- 语法:<input type=“text” name=“username” required/>
pattern
- 用户输入的内容必须符合正则表达式所指的规则,否则就不能提交表单。
- 语法:<input type=“text” name=“tel” pattern="^1[358]\d{9}" />
折叠菜单
- 一对<details>标签中只能出现一对<summary>标签。
- 里边可以根据需求使用有序或无需序列。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<details>
<summary>菜单一</summary>
<ul>
<li>ssssssss</li>
<li>ssssssss</li>
</ul>
</details>
<details>
<summary>菜单二</summary>
<ul>
<li>ssssssss</li>
<li>ssssssss</li>
</ul>
</details>
</body>
</html>