什么是h5页面?

iByte
iByte
iByte
订阅者
2816
文章
0
评论
生活百科评论136字数 266阅读0分53秒阅读模式

首先h5不是一项技术,而是一个标准,一个技术的集合.

其次就要知道什么是HTML语言,文章源自玩技e族-https://www.playezu.com/74430.html

它是一种描述性语言,全名“HyperTextMarkupLanguage(超文本标记语言)”,我们所使用的页面就是用html语言语言制作的。而h5就是HTML的第5个版本, 而在这个版本中自增了许多特性,文章源自玩技e族-https://www.playezu.com/74430.html

例如:文章源自玩技e族-https://www.playezu.com/74430.html

1. 拖拽释放,自定义属性,语义化更好的内容标签,音频 ,视频(audio, video) ,画布Canvas, 地理(Geolocation) API, 本地离线存储.文章源自玩技e族-https://www.playezu.com/74430.html

然而h5也有广义的说法,其中包含新增的c3特性,例如:1. 颜色: 新增RGBA , HSLA模式文章源自玩技e族-https://www.playezu.com/74430.html

2. 文字阴影(text-shadow)文章源自玩技e族-https://www.playezu.com/74430.html

3. 边框: 圆角(border-radius) 边框阴影 : box-shadow文章源自玩技e族-https://www.playezu.com/74430.html

4. 盒子模型: box-sizing文章源自玩技e族-https://www.playezu.com/74430.html

5. 背景:background-size background-origin background-clip文章源自玩技e族-https://www.playezu.com/74430.html

6. 渐变: linear-gradient , radial-gradient文章源自玩技e族-https://www.playezu.com/74430.html

7. 过渡 : transition 可实现动画

8. 自定义动画 animate @keyfrom

9. 媒体查询 多栏布局 @media screen and (width:800px) {…}

10. border-image

11. 2D转换;transform: translate(x,y) rotate(x,y) skew(x,y) scale(x,y)

12. 3D转换

13. 字体图标 font-face

14. 弹性布局flex

更多知识请关 注黑马程序员哦~

 
匿名

发表评论

匿名网友
确定

拖动滑块以完成验证