HTML5基础及新增标签

新增标签,列举如下

标签 作用
header: 头部
footer: 页脚
nav: 导航链接
main: 主题
section: 独立内容区块
artical: 文章标签
aside: 侧边导航栏
hgroup: 对网页、section组合
mark: 标记
address: 地址标签
time: 日期、时间,= span
figure+figcaption: 一段独立内容。(figure中只可放置一个figcaption)
dialog: 会话框。open(表激活可互动)
embed: 定义外部可交互内容或插件
source: 媒体资源
video: 用于HTML或XHTML嵌入媒体播放器
audio: 用于文档中表音频内容
canvas: 通常通过js绘制图形
改良后的ol: ①可自定义编号start②可按编号反向排序reversed③type
frame框架: 对网页可用性存在负面影响,废除
兼容: 在head标签中加入:<!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" ></script><![endif]-->
注:video的常见属性:HTML5能在完全脱离插件的情况下播放音视频,但不是所有格式都支持。HTML5支持的视频格式如下:ogg=带有theora视频编码+vorbis音频编码的ogg文件;
支持的浏览器有:火狐、谷歌、欧朋
MPEG4=带有H.264视频编码+ACC音频编码的MPEG4文件
支持的浏览器有:Safari、谷歌
WebM=带有VP8视频编码+Vorbis音频编码的webm格式
支持的浏览器有:IE 、火狐、谷歌、欧朋

新增智能表单:

类型(type属性) 作用
search: 搜索
tel: 号码
url: 网址
email: 邮件地址
number: 数字
range: 范围
color: 颜色
date: 时间
month: 月份
week: 周数
time: 时间
datetime-local: 本地时间
datetime 已从WHATWGHTML移除

新增表单属性:

表单属性 作用
required: 表必填项
placeholder: 占位符
autofocus: 自动获取焦点(原则上只允许设置1个)
autocomplete: 输入时是否自动补全(默认on,另一值off)
multiple: 支持输入多个此类型的文本
pattern: 正则表达式,一般和title配合
min: 最小值
max: 最大值
step: 间隔
list: 结合datalist使用
output: 不同类型的输出
发布了18 篇原创文章 · 获赞 57 · 访问量 1768

猜你喜欢

转载自blog.csdn.net/weixin_42881768/article/details/104423308
今日推荐