html5和html之间的差别
html是基于smgl(Standard Generalized Markup language)
html5不是基于smgl可以独立运行
html5还添加了一部分的新的特性:
新增标签:
新增标签举例(header——头部标签,nav——导航栏标签,urticle——内容标签等)只是语义化了,没有其他的作用这是属于语义化标签;
引入视频,video实例:![在这里插入图片描述](https://img-blog.csdnimg.cn/35e5bf380fd449baab96d7d8e7d15f86.jpeg#pic_center)
可以引入视频
属性:
autoplay——视频加载完成后自动播放
controls——给视频添加控件
loop——循环播放
muted——静音播放
poster——用户下载时显示的图像 ,值为url
preload——边加载边播放(值:auto,metadata两个值作用相似都是边加载边播放)
source是一个新增的双标签可以兼容不同视频格式
src是视频的引入路径,后缀需要根据type的值更改;
引入音频,audio实例:
属性与视频的相差不大,不做多介绍
注意:如果不添加controls这个属性在浏览器窗口是看不到的!
新增属性:
新增举例(button按钮 password 密码 radio单选 checkbox多选 submit提交 reset重置 number数字 date日期 file上传文件 email邮箱 tel手机号码 url 网址 search搜索 color颜色)
input的type属性:
原有属性
text——默认文本
button——按钮
password ——密码
radio——单选
checkbox——多选
submit——提交
reset——重置
number——数字
date——日期
file——上传文件
email——邮箱
tel——手机号码
url ——网址
search——搜索
color——颜色
新增属性
placeholder——表单提示文字
required——校验表单不能为空
multiple——选择多个文件上传
autocomplete——提交记录 启用on 关闭off
min——指定输入框可以接受的最小的输入值(通常与数字和日期类型一起使用)
max——指定输入框可以接受的最大的输入值(同上)
pattern——表单正则验证 例:pattern=“[A-Za-z]{3}”
step——给默认数字类型上下箭头提供跳跃的数字
操作:
网页:
使用箭头加减,每次±3
readonly——只读属性
disabled——禁用属性