什么是h5页面?

iByte 生活常识评论69字数 638阅读模式

首先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

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

玩技站长微信
添加好友自动发送入群邀请
weinxin
rainbow-shownow
玩技官方公众号
官方微信公众号
weinxin
PLAYEZU
 
  • 版权提示:本站仅供存储任何法律责任由作者承担▷诈骗举报◁▷新闻不符◁▷我要投稿◁
    风险通知:非原创文章均为网络投稿真实性无法判断,侵权联系2523030730
    免责声明:内容来自用户上传发布或新闻客户端自媒体,切勿!切勿!切勿!添加联系方式以免受骗。
  • 原创转载:https://www.playezu.com/74430.html
    转载说明: 点我前往阅读>>>
匿名

发表评论

匿名网友
确定