13518219792
HTML的全称是超文本标记语言，是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。HTML是由HTML命令组成的描述性文本，可以解释文字、图形、动画、声音、表格、链接等。Html是一种用来描述网页的语言。它被称为超文本标记语言，它是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。
创新互联建站主要从事成都网站设计、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务湖北,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
最重要的点：需要控制不同尺寸的设备显示的效果
其次考虑移动端的兼容性以及显示的内容从简为主
不同的尺寸主要是在不同尺寸下有不同的样式： 不同的尺寸一般移动端这样控制
@media screen and (max-width: 319px){
.show-menu{
width: 40px;
height: 40px;
left: 2%;
top: 50%;
}
}
@media screen and (min-width: 320px) and (max-width: 359px){
.show-menu{
width: 40px;
height: 40px;
left: 2%;
top: 50%;
}
}
@media screen and (min-width: 410px) and (max-width: 479px){
.show-menu{
width: 44px;
height: 44px;
left: 2%;
top: 50%;
}
}
@media screen and (min-width: 480px) and (max-width: 639px){
.show-menu{
width: 50px;
height: 44px;
left: 2%;
top: 50%;
}}
@media screen and (min-width: 640px){
.show-menu{
width: 55px;
height: 44px;
left: 2%;
top: 50%;
}}
5.背景音乐音效
H5页面要炫酷，画面生动还是不够的，一定要配合生动的音乐。因此可以主动跟设计或产品沟通，让他们可以提供音乐资源，分分钟导致UV猛涨有木有!当然，有了音乐，前端也不是直接引用的，还是有点要求：
1.音乐不宜过长，30s为佳，而且音乐要加上渐现渐隐效果，方便循环播放;
2.音乐体积要小，音质和流量，在手机上还是优先考虑流量吧。
一般背景音乐体积可以接受的范围是200K以下，若太大，可以使用格式工厂等软件，降低它的比特率和声道来改变体积。接着，只需要简单引用。这里有个问题，IOS是不能自动播放音乐的，一定要触发一个用户交互事件，例如点击。
但是有一种hack的方法可以让IOS微信侧页面自动播放(SAFARI依旧无效)：通过new一张图片，监听一张图片的onload事件，结束后回调执行音频播放audio.play()即可，原理估计是动了dom结构，相当于执行了一次交互。(有人也用过createEvent模拟，原理也是动了dom。)因此，记得暴露一个音乐关闭/打开的按钮，不然肯定被用户骂死。
6.有趣的loading
Loading页还是要有的，万一用户网速慢呢?以上做了那么多事，如果没有资源加载都是玩不来的，因此还需要一个loading的支持。一般情况下页面体积大于3m则要加上loading页。然而loading还是可以做得很有趣的，一般的做法是：
1.引入品牌，例如APP宣传页;
2.引入有趣动画，放一个贱贱的人物跳舞给你看;
3.一切从简，用CSS3简单动画。
当然，真正要做到高效制作动态H5页面，还是靠积累，因此平时做好的细节动画自己都积累起来，下次分分钟就能用得上。
获取你鼠标点击位置的left与top值，然后更改角色图片的left与top值。通过getElementById获取角色图片元素。照葫芦画瓢知道吗？你参考参考超级玛丽是怎么做的。超级玛丽是根据“→”键位控制图片，其实就是更改了原来图片的top与left值。同理，你只要得到鼠标点击部位的top与left值，那么再传给角色，角色就会移动过去。建议参考超级玛丽 javascript代码，
