H5新增标签:
H5新增的语义化标签:(双标记)
1.header 整个页面的头部
2.main 主要部分ie不兼容
3.section页面中的一个区块
4.footer 结尾区
5.nav 导航链接
6.article上下文无关的区域
7.aside 与article相关的辅助信息
8.hgroup 标题的一个分组
9.figure 一段独立的内容
10.figcaption 为figure添加标题(第一个或最后一个子元素的位置)
11.mark 高亮的文本
媒介标签:
媒介标签:
<source src="" type="">
可以设置多个source
可以让视频覆盖整个父元素,视频会等比例播放:
object—fit:cover;
1.音频:行内标签
<radio src=""></radio>
属性:
controls 添加控件
loop 循环播放
autoplay 自动播放,搭配静音属性使用
muted 静音属性
2.视频:
<video src=""></video>
用于视频:MP4 ogg webm
属性:
controls
loop
autoplay
muted
poster="" 规定视频正在加载时显示的图像,直到用户点击播放按钮。
H5新增表单类型:
<input type="">
类型:
email 邮箱
url 网址
search 搜索
number 数字
range 滑动条
color 颜色
time 时间
date 天
week 周
month 月
datetime-local 本地时间
H5新增表单属性:
required 是否为空
min="" 最小值
max="" 最大值
step="" 步幅
placeholder="" 提示信息
autofocus 自动聚焦
novalidate 取消验证,加给form标签
multiple 选择上传多个,用逗号隔开
readonly 输入字段设置为已读
autocomplete="" 是否自动提示信息,元素要有name属性
属性值:on开启提示 / off关闭提示
datalist 下拉框标签,不能独自使用,必须结合其他表单元素一起使用
option 选项标签
list 结合datalist标签,绑定datalist的id名
<input type="search" list="sousuo">
<datalist id="sousuo">
<option value="全部商品"></option>
<option value="手机"></option>
</datalist>
标签:视频,datalist,标签,HTML5,H5,Day11,表单,属性
From: https://www.cnblogs.com/tender-81/p/16609353.html