HTML5的基本概念
HTML5不基于SGML(Standard Generalized Markup Language 标准通用标记语言), 因此不需要对DTD(DTD 文档类型定义)进行引用,但是需要DOCTYPE来规范浏览器行为。
1.标签
header | 头部标签 |
---|---|
nav | 导航标签 |
article | 内容标签 |
section | 块级标签 |
aside | 侧边栏标签 |
footer | 尾部标签 |
1.视频(重点)
<video width="400" height="400" autoplay controls>
<source src="./2222.mp4" type="video/mp4"></source>
</video>
video属性 | 功能 |
---|---|
autoplay | 视频加载完后自动播放 |
loop | 循环播放 |
controls | 有控制件 |
muted | 静音播放 |
poster | 下载时显示图像 |
preload | 边加载边播放 |
source可以兼容不同的视频格式,src也可以放在属性里使用
2. 音频
<audio src=".22222.mp3"></audio>
音频属性和视频属性通用
2.属性
<input type="text">
type值(重要) | |
---|---|
number | 数字 |
date | 日期 |
file | 上传文件 |
邮箱 | |
tel | 手机号码 |
url | 网址 |
color | 颜色 |
search | 搜索 |
不常用 | |
---|---|
time | 时分 |
month | 月份 |
week | 星期 |
<form>
<input type="text" required id="" placeholder="请输入"/>
<input type="text" id="" autofocus placeholder="请输入"/>
</form>
input属性 | |
---|---|
placeholder | 表单提示文字 |
autofocus | 自动获取焦点 |
required | 校验表单不为空 |
multiple | 选择多个文件上传 |
autocomplete | 启用值on 关闭值off 提交记录 |
min max | 通常与数字和日期使用 |
pattern | 表单正则验证 |
step | 给默认数字类型上下箭头提供跳跃的数字 |
readonly | 只读属性 |
disabled | 禁用属性 |