HTML5标签

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定义一个日期和时间 (无时区):
email包含 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:
d
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>
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值