h5和css3有什么新特性

h5的新特性有：1、语义化标签；2、表单增强；3、视频和音频支持；4、canvas绘图；5、本地存储；6、拖拽释放api；7、地理api。css3的新特性有：1、rgba和hsla颜色模式；2、文本阴影；3、边框圆角；4、盒模型；5、多列布局；6、弹性盒子布局；7、网格布局；8、渐变和阴影；9、过渡和动画。

本教程操作系统：windows10系统、DELL G3电脑。

HTML5是构建Web内容的一种语言描述方式，被认为是互联网的核心技术之一。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式。

CSS3是CSS技术的升级版本，指的是“层叠样式表3级”。在CSS2.1的基础上增加了很多强大的新功能，以帮助开发人员解决一些实际面临的问题，并且不再需要非语义标签、复杂的JavaScript脚本以及图片。

一、HTML5的新特性：

立即学习“前端免费学习笔记（深入）”；

1、语义化标签：HTML5引入了一系列新的语义化标签，如 , , ,  等。这些标签不仅有助于更好地描述网页的结构和内容，还提高了代码的可读性和可维护性。

2、表单增强：HTML5为表单元素提供了更多的功能和类型，如日期选择器、邮箱验证、数字输入等。同时，还引入了表单验证、表单自动完成等功能，大大增强了表单的交互性和可用性。

3、视频和音频支持：HTML5原生支持视频和音频播放，通过  和  标签，开发者可以轻松地在网页中嵌入音频和视频内容。同时，还提供了控制和自定义媒体播放的API。

4、Canvas绘图：HTML5引入了  标签和相应的 API，允许开发者使用 JavaScript 在网页上绘制图形、动画和游戏。这为开发者提供了更强大的图形处理能力。

5、本地存储：HTML5提供了 Web Storage 和 IndexedDB API，允许在客户端浏览器中存储和访问数据。这为离线应用和缓存提供了可能，提高了网页的可用性和性能。

6、拖拽释放API：HTML5提供了拖拽释放API，使得开发者可以创建拖拽和放置的功能，增加用户的交互体验。

7、地理API：HTML5的Geolocation API允许Web应用获取用户的地理位置信息，这有助于实现基于位置的服务和功能。

二、CSS3的新特性：

1、RGBA和HSLA颜色模式：CSS3引入了RGBA和HSLA颜色模式，使得开发者可以更灵活地控制颜色的透明度和色调。

2、文本阴影（text-shadow）：CSS3允许为文本添加阴影效果，增加了文本的视觉层次感。

3、边框圆角（border-radius）和边框图像（border-image）：CSS3提供了更灵活的边框样式设置，可以轻松地为元素添加圆角边框或使用图像作为边框。

4、盒模型（box-sizing）：CSS3引入了新的盒模型属性 box-sizing，允许开发者更灵活地控制元素的盒模型计算方式。

5、多列布局（multicolumns）：CSS3支持多列布局，使得开发者可以轻松地将文本或内容分布在多列中。

6、弹性盒子布局（flexbox）：CSS3引入了弹性盒子布局模型，使得开发者可以更方便地对元素进行对齐、方向和顺序等布局调整。

7、网格布局（grid）：CSS3提供了网格布局模型，允许开发者创建复杂的二维网格布局。

8、渐变（gradients）和阴影（shadows）：CSS3支持线性渐变和径向渐变效果，以及阴影效果，可以用于创建丰富的视觉效果。

9、过渡和动画：CSS3支持过渡和动画效果，使得开发者可以在网页上创建平滑的视觉效果和动画效果。

这些新特性使得开发人员可以更快速、更高效地创建网页和应用，同时提供了更多的视觉效果和交互方式，提高了用户体验。