HTML5新特性

本文介绍了HTML5的基本概念,包括去除SGML依赖,doctype的使用,以及header到footer等新标签的应用。重点讲解了video和audio标签的视频和音频播放特性,以及input标签的各种属性如type、placeholder和autofocus等。
摘要由CSDN通过智能技术生成

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上传文件
email邮箱
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禁用属性
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值