h5新增标签和input新增属性

html5有新增标签
header头部信息
footer底部信息
section 区域 段
meter 度量衡
progress 进度条
<progress max="100" value="88"></progress>
nav 导航栏
article 文章
aside 侧边栏
dialog 对话框默认隐藏不显示，因为自带display:none;设置为display:block;才显示

详细信息列表
details
<details open>
<summary>新冠疫情已成过去式</summary>
<P>啊大苏打地方撒<p>
</details>
音频
audio:
1.src=""必须属性放音频路径
2.controls 必须属性，不写不显示音频插件
3.autoplay自动播放，由于官方被建议不自动播放，所以自动播放效果需要后期脚本控制
3.loop 循环播放
5.preload="auto"自动，刷新页面，网络好就加载，不好就不加载/metadta 加载/none 不加载
视频
video
<video src="F:/企鹅文件/6f27a.mp4" width="500px" controls autoplay poster="F:/企鹅文件/4{4G1T9A(`X21%Q3__0C2_1.png"></video>
视频属性
1.src="视频路径"
2.controls设置才显示视频播放和暂停，不写不显示
3.autoplay自动播放
4.loop循环播放
5.preload="auto"默认 网好播放，网不好不好播放/metadta 加载/none 不加载
6.poster=”“
图表
figure
<figure>
<figcaption>2022年单身狗数量统计图</figcaption>
<img src="" alt="">
</figure>
figcaption是figure的标题
画布<canvas width="" height=""></canvas>
canvas是绘画容器，没有绘画能力，如果想实现绘画结合脚本完成

表单新增属性
input 新增属性<input type="color">
color 拾色器
email电子邮件
tel 电话
datetime-local 本地日期和时间
search 搜索框
number 数字
range 范围
url 路径
time 时间
week 周数

 

移动端布局方式
1.百分比布局
2.rem布局