页面移动的基础是具有可用功能的页面，因此有必要共享一些优化细节的技术和方向。熟悉一些方法可以极大地提高页面开发的效率，还可以防止遗漏。
    
     Internet上有一些工具可以帮助您生成Sprite Maps，如CssGaga、GoPng等。自动构建工具Grunt和Gulp还提供插件。
    
     特别地，如果单个Sprite映射的面积太大，那么它可以被分割成两个或四个Sprite映射，例如，因为现代浏览器支持四个或六个相应的下载请求。如果资源太多，还可以考虑将静态资源放在请求的不同源域名下。这里，以牺牲更多的请求为代价，您可以同时添加图片。当然，它需要根据具体情况来衡量。
    
     顺便说一下，我在动画写作中的技巧之一是把动画的每一页都分成一个导入。然后将CSS导入到主样式中。这使得调试和维护动画变得容易，例如：
    
     ..css@import URL(reset.import.css)；导入URL(load.import.css)；导入URL(m-ani.-1.import.css)；导入URL(m-ani.-3.import.css)；
    
     当然，进口不是自然支持的。有一些过程工具允许导入页面在导出之前进行组装和压缩。
    
     多终端兼容性是一切的基础。必须知道有人拿着肾脏6+，有人拿着肾脏4，大414736和小320416（IPHONE4在SAIRI中保持上下导航）。因此，多终端兼容性是非常必要的。
    
     以前有320个派别，也就是说，大多数页面都是320宽度，所以很容易用320个容器直接包装所有页面。然而，iPHON6和iPhone6+的出现几乎摧毁了这个派系。
    
     A.设计的初始阶段。先看设计草稿。由于320个方面，大多数设计草稿只考虑IPHONE5，所以许多背景元素只有320px宽度（实际的页面呈现宽度），如下图。
    
     然后，有必要设计更长的扩展背景，最好是可重复的。背景重复可以减少图片的大小。
    
     /*iPhone 6*media只显示屏幕和（最小设备宽度：375px）以及（最大设备宽度：667px）和（方向：纵向）和（webkit-最小设备像素比：2）{page6.ele-.{top：69px;}page6.ele home runner{top：100px;}page6.ele pop top：16px}
    
     首先，添加用于小屏幕(大屏幕)的标识类，其中小于420表示为小屏幕(IPHONE4具有上下导航条)：
    
     VAR BH=窗口。高度（）；// 480 - 64＝416 iPhone 4（BH420）{$（‘体'）。AdC类（低屏幕）；
    
     这是最后一步，通过全面的检查和经验，将暴露出一些问题，如IPHONE6P中的元件看起来很小或IPHONE4中的元件不能挤出，可以得出最终的解决方案：
    
     1。当缩放:(乘法器)或变换:比例尺(乘法器)适当地用于增加大屏幕中的元素时,所测量的失真根本看不见,设计者满意(毕竟不再需要绘图!)；
    
     2。小屏幕可以通过适当地删除一些元素来降低优雅度，比如翻页提示和冗余图标，以及显示：none。
    
     通过以上步骤，它基本上可以与大多数机器兼容。兼容性一直是一项艰苦的工作，但这是一门前端必修课程，更多的实践会发现其实并不那么难。
    
     如前所述，如果添加声音效果，则需要添加音乐开关的按钮，否则会被用户诅咒。其他的，如页面与水平屏幕不兼容，请收听水平屏幕状态，然后添加适当的水平屏幕。提示。
    
     //水平屏幕监视器VAR更新取向=函数（）{if（window）。取向＝90窗。取向= '90 '）{$（′）。景观包装。遥控器（隐藏）；控制台为了更好的体验，请竖立手机/平板电脑！}{ $（）。景观包装）。AdC类（隐藏）；控制台。日志（‘垂直屏幕状态'）；}；窗口。方向改变=更新方向；
    
     最新的Wechat提供了一个新的Wechat SDK，需要在绑定公共帐户的域名之后通过调用SDK来共享它。可以说，共享功能将得到加强，坑将更少。
    
     写H1作为标题，P作为内容，img作为缩略图，只需要隐藏h1，这里的缩略图优于200x 200 px。
    
     还有更多的坑要共享，例如，不同的浏览器，如QQ浏览器和Chrome也将有自己的默认拉模式（一些截图是缩略图），这需要更多的测试和优化。
    
     1。定义准确的页面标题。你的标题应该是通用的，可以清楚地告知搜索引擎和用户你的网站的内容和用途。它可以是当前页面标题-类型-产品名称，如全国猜歌-年费黄店-QQ空间。
    
     2。向页面内容添加描述和关键词的元标记。您需要简要总结页面的主要目标，然后根据关键词添加描述和关键词。
    
     三。优化您的超链接和图像。包括优化由超链接显示的文本，使其在语义上与超链接相关，例如，空间主页不应该链接到www.qq.com。JPG标题=苹果样本地图ALT=苹果样本地图/。
    
     4。建立良好的网站导航和站点地图。网站需要良好的导航，关键在于控制根目录和子目录。网站地图可以帮助网站所有者理解网站的结构，也便于搜索引擎包括整个网站。
    
     5。优化目录结构和URL。URL在语义上应该简单易懂，比如http:/www.apple.com/macbook-air/，每个级别都应该有相应的页面表示和语义。
    
     6。充分利用h1-h 6的标题结构树，合理的标题可以突出文本，同时也使搜索引擎更加意识到每个标题的重要性，因此建立一个好的标题树是非常有意义的。
    
     7。不断努力提供高质量的内容。社会共享是网站曝光最快的因素，所以只有不断地提供高质量的原创内容，你才能真正提高网站的曝光率。
    
     可访问性是一件好事，它使互联网真正提供给每个人。因此，我们也应该努力争取它。可访问性的基础是页面的强大语义和结构。具体地说，我们可以参照腾讯网络可访问性说明来理解可访问性优化的方法。