HTML5新特性

一、H5简介

1. 什么是HTML5

HTML5新特性_第1张图片

2. HTML5 优势

HTML5新特性_第2张图片

3.HTML5兼容性

HTML5新特性_第3张图片

二、新增语义化标签

1. 新增布局标签

HTML5新特性_第4张图片
HTML5新特性_第5张图片

2. 新增状态标签

2.1 meter 标签

HTML5新特性_第6张图片

2.2 progress 标签

HTML5新特性_第7张图片

3. 新增列表标签

HTML5新特性_第8张图片

4. 新增文本标签

4.1 文本注音

HTML5新特性_第9张图片

4.2 文本标记

HTML5新特性_第10张图片

三、新增表单功能

1. 表单控件新增属性

HTML5新特性_第11张图片

2. input 新增属性值

HTML5新特性_第12张图片

3. form 标签新增属性

在这里插入图片描述

四、新增多媒体标签

1. 视频标签

video 标签用来定义视频,它是双标签。
HTML5新特性_第13张图片

2. 音频标签

HTML5新特性_第14张图片

五、新增全局属性(了解)

HTML5新特性_第15张图片

六、HTML5兼容性处理

HTML5新特性_第16张图片
HTML5新特性_第17张图片

你可能感兴趣的:(前端学习,html5,前端,html)