h5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言的第五次重大修改。
它引进了新的功能，包括：
新的解析规则而增强了灵活性，
新属性，
淘汰了过时的属性，
离线编辑，
信息传递的增强等
新增特性：
语义特性，
本地存储特性：localStorage,sessionStorage
设备兼容特性，
网页多媒体特性，
三维、图形及特效特性，
css特性等
H5提供了一些新的元素和属性，如：
结构标签：<header>,<nav>,<footer>,<section>等
组合标签：<figure><figcaption>,<details><summay>,<datalist><option>等
新增了用于多媒体内容的<audio>和<vidio>元素和标记元素
更多的输入元素类型值，如本地日期选择，时间，颜色，数字等
画布canvas元素，二维、三维绘图，媒体播放，媒体类型注册，拖放和跨文档传输等
新增表单类型：email,url,number,range,Date pickers,search,olor颜色的选择等
CSS及层叠样式表，在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。
他新增了很多属性，如：
1.box-shadow 阴影效果
值（h-shadow水平阴影，v-shadow垂直阴影，blur模糊值，color颜色，spread尺寸，insert外部内部阴影）
2.border-image 图片边框 复合属性
属性：sourse图片路径，slice图片剪切位置，width图片边框宽度，repeat平铺，size尺寸，clip背景的绘制区域，origin背景相对什么来定位
3.text-shadow 文字阴影
值（h-shadow水平阴影，v-shadow垂直阴影，blur模糊值，color颜色）
4.word-wrap 自动换行
值：normal默认，break-word长单词换行，breakall单词内换行，keepall只有半角空格换行
5.border-radius 圆角边框
可以单方向设置
6.opacity 不透明度
7.box-sizing 控制盒模型的组成
值：content-box内容宽，border-box包括border、padding、content的宽
8.transition 过渡 复合属性
值（property属性，duration时间，function曲线，delay延时）
9.transform 变形
值：translate移动，rotate旋转，scale缩放，skew倾斜，origin改变定位点
等。
animate动画：
animation-name:关键帧的名称
animation--timing-function:设置动画曲线
animation-delay：延迟
animation-direction：动画播放的方向（normal正常，reverse反向，alternate奇数反向偶数正常，alternate-reverse奇数正常偶数反向）
animation-internation-count：动画播放次数（值或者infinite连续播放）
网友评论