HTML5:
HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。
HTML5的设计目的是为了在移动设备上支持多媒体。
HTML5 简单易学。
HTML5新元素
:语义化更明确了。
标签 | 描述 |
---|---|
article | 定义页面独立的内容区域。 |
aside | 定义侧边栏 |
bdi | 定义文本 脱离父元素的设置方向 |
command | 定义命令按钮,比如单选按钮、复选框或按钮 |
dialog | 定义对话框,比如提示框(添加open属性) |
summary | 详细内容 |
footer | 页脚(下标题) |
header | 上标题 |
mark | 定义带有记号的文本 |
nav | 导航链接 |
section | 定义内容区块 |
time | 定义日期或时间 |
progress | 定义任何类型的任务的进度。 |
wbr | 类似折行 在网页伸缩的时候按照单词来换行 |
媒介 | 描述 |
---|---|
Video(视频) | 播放、暂停和音量控件。 |
Audio(音频) | 播放音频 |
Video:
属性 | 值 |
---|---|
controls | 控制条 |
autoplay | 自动播放 |
loop | 循环播放 |
muted | 静音 |
<video src="./mp4/aido.mp4" controls autoplay loop muted></video>
Audio:
属性 | 值 |
---|---|
controls | 控制条 |
autoplay | 自动播放 |
loop | 循环播放 |
muted | 静音 |
<audio src="" controls loop autoplay muted></audio>
canvas :标签定义图形,比如图表和其他图像,您必须使用脚本来绘制图形。
表单元素标签(input):
属性 | 描述 |
---|---|
color | 选取颜色 |
date | 从一个日期选择器选择一个日期。 |
datetime | 允许你选择一个日期:生日 (日期和时间) |
datetime-local | 定义一个日期和时间 (无时区): |
包含 e-mail 地址的输入域 | |
file | 上传文件 |
month | 定义月与年 (无时区) |
number | 定义一个数值输入域(限定) |
range | 定义一个不需要非常精确的数值(进度条) |
search | 站点搜索或 Google 搜索 |
tel | 定义输入电话号码字段: |
time | 选择一个时间 |
week | 选择周和年 |
url | 输入URL字段 |
<input type="color"/>
<input type="date"/>
<input type="datetime"/>
<input type="datetime-local"/>
<input type="email"/>
<input type="file"/>
<input type="month"/>
<input type="number"/>
<input type="range"/>
<input type="search"/>
<input type="tel"/>
<input type="time"/>
<input type="week"/>
<input type="url"/>
color:
date:
datetime:
datetime-local:
file:
month:
range:
表单元素:要与input标签使用
<input type="text" list="data"/>
<datalist id="data">
<option>a</option>
<option>ab</option>
<option>abc</option>
<option>abcd</option>
<option>abcde</option>
</datalist>