html5相比HTML4的区别

一.语法

可省略标记：br、col、embed、hr、input、link、meta。
即 <input type="text"/> <input type="text"> 有相同含义
可以省略的结束标签：li、dt、dd、p、option、colgroup、thead、tfody、tfoot、tr、td、th
可以省略全部标记的元素：html、head、body、colgroup、tbody

二.新增语义化标签

新增视频音频标签

<audio src="" controls loop autoplay></audio>
<video src="/muc/黄明昊 (Justin) - Blue.mp4"poster="/img/小兔子.png" controls></video>

⚡️⚡️⚡️⚡️⚡️⚡️⚡️⚡️⚡️⚡️
音视频共用属性
🔔controls：表示显示进度条
🔔loop：表示循环播放
🔔autoplay：背景音乐，进入页面则播放，部分浏览器在刷新或二次打开会将其自动关闭。
🔔muted：静音
⚡️⚡️⚡️⚡️⚡️⚡️⚡️⚡️⚡️⚡️
视频专用属性
🔔poster：海报，当视频未播放时，展示的扉页
可设置宽高

三.表单

type

属性	功能
color	生成一个颜色选择的表单
tel	唤起拨号盘表单
search	产生一个搜索意义的表单
range	产生一个滑动表单
number	产生一个数值表单
email	限制用户必须输入email类型
url	限制用户必须输入url类型
date	限制用户必须输入日期
month	限制用户必须输入月类型
week	限制用户必须输入周类型
time	限制用户必须输入时间类型
datetime-local	选取本地时间
有校验功能

可以用max和min给滑块设置区间（主要给后端看）step定义步长

增强表单
datalist
datalist表单里面包裹着option下拉菜单，将datalist的id绑定到input中，用list="id"绑定
💥input的进阶属性💥
🌟autofocus：中文译为聚焦在，在页面加载时自动把鼠标移动到该输入框
🌟required：必填项，为空不能提交表单
🌟pattern:对于用户名等输入框的自定义控制，需要使用到正则表达式。
🌟multiple：用于邮箱，可以将多个邮箱用⛄️，⛄️分隔开