html5新增标签有哪些

本文摘自PHP中文网，作者藏色散人，侵删。

html5新增标签有：1、video，表示一段视频并提供播放的用户界面；2、audio，表示音频；3、canvas，表示位图区域；4、source，表示为video和audio提供数据源；5、svg，用于定义矢量图等等。

本文操作环境：Windows7系统、Dell G3电脑、HTML5版。

h5是html的最新版本，是14年由w3c完成标准制定。增强了，浏览器的原生功能，减少浏览器插件（eg：flash）的应用，提高用户体验满意度，让开发更加方便。

- h5新增的标签

新增元素

说明

- css3

css3被划分为模块，最重要的几个模块包括：选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面

选择器

框模型

背景和边框

border-radius、box-shadow、border-image、

background-size：规定背景图片的尺寸

background-origin：规定背景图片的定位区域

background-clip：规定背景的绘制区域

文本效果（常用）

text-shadow：设置文字阴影

word-wrap：强制换行

word-break

css3提出@font-face规则，规则中定义了font-family、font-weight、font-style、font-stretch、src、unicode-range

2/3D转换

transform：向元素应用2/3D转换

transition：过渡

动画

@keyframes规则：

animation、animation-name、animation-duration等

用户界面（常用）

以上就是html5新增标签有哪些的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

http协议发展过程一览

HTML5结合javascript实现简易音乐播放器

vue源码之目录结构的简单分析

h5和css3制作一个相册的代码实例

断点续传原理是什么？怎么利用HTML5实现文件断点续传

h5手机端页面缩放

HTML5唤起app的方法

HTML5和css3 实现灵动画的切换效果

HTML5存储页面或应用程序的私有自定义数据的data-* 属性

HTML5中div和section以及article的区别分析

更多相关阅读请进入《HTML5》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » html5新增标签有哪些