深圳网站建设

                                                                                                             html5使用div，article为基本布局元素

     微信小程序采用view,block为基本布局元素

     html5支持在元素里面加入style标签

     微信小程序不支持在元素里面加入style标签，所以有自定义信息都需要采用class样式名形式加入

     微信小程序 <include src="footer.wxml"/>引入一个footer页面

     html5不支持，如果需要引入另一个网页，需要采用iframe

     微信小程序可以直接在<view>基本标签里面绑定数据

     html5就不能，需要采用ajax加载

    相同之处

     <video>，与<audio>视频与音频引入规则是一样的

    样式表的不同之处

    微信小程序，不支持css3里面一个重要的元素 @media only screen and (max-width: 400){} ，@media only screen标签

    其它写法基本与css3一样，也可以定义动画效果

@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}

animation:fadeInRight 1 3s,shake 20s infinite 3s;

写法都是一样的

最后我们发现，如果你会书写html5+css3，基本可以实现微信小程序的布局

以上【 微信小程序与html5网站建设 】的内容由达设互动（http://www.szdashe.com）为您提供，本文网址 ： http://www.szdashe.com/gongsixinwen/50.html ，转载请注明出处！更多有关深圳网站建设，微信小程序、电商平台建设、系统开发等互联网应用服务都可以联系我们。热线：130 7784 6582