h5棋牌平台日租搭建HTML5技术学习总结
h5棋牌平台日租搭建HTML5技术学习总结
1、手机移动端页面的自适应
2、手机触摸手动滑动效果
3、h5棋牌平台日租搭建www.yasewl.com
一、header信息的设置（自适应）
1、声明信息 <!DOCTYPE HTML>
2、编码设置 <meta charset="UTF-8">
3、移动设备特别设置（重要声明！）
<meta content="width=device-width,user-scalable=no" name="viewport">
Viewport说明：该设置可使我们开发出的页面/产品 大小可适应各种高端移动设备
width=device-width 为设备的宽度.
user-scalable=no/yes 此功能为用户调整缩放。默认为yes。一般设置为no
PS:初次尝试制作移动端页面。亲们，由于我没有加上面的viewport声明，结果导致页面狼狈不堪。
二、手机触摸手动滑动效果
1、触摸屏效果滚动组件（js必须包含的部分） 本人亲测以上4个js必须包含，缺一不可。
学习方法：
学习HTML这类的标记语言，我们需要从四个方面入手：
（1）语法：即怎样的书写格式是Browser接受和支持的，HTML技术的语法很简单，只要注意大小写在HTML、XHTML、H5中的一些细节不同就可以了。
（2）元素：也就是标签，这个就靠经验和记忆了，不求甚解多用就好。但是有一点，系统的学习和杂乱记忆的不同点就是：系统的学习会把元素分类。这样方便记忆、对比和使用，能让我们尽量减少不必要的错误嵌套。一般会把HTML标签分为文档结构标签、文本格式标签、字符格式标签、列表标签、链接标签、表格标签和表单标签这8类，有些标签不实用就不用看了。
（3）属性：知道每类标签都有什么属性，一般来说学习方法是知道有什么属性，然后了解下哪些标签不支持这些属性。其实，除了name、id、class、style外很多元素属性我们都很少用，涉及到格式的属性，我们都用CSS来代替了。这也是H5推荐的做法，那些属性在H5中都被废弃了，比如background属性。
（4）其他：其他的东西就是去了解一些额外的知识：历史背景、关联技术、深入技术，比如XML、DTD，甚至是Browser对页面的解析、渲染过程，DOM树的构建、Render Tree的构建过程，来帮助我们学习、开发高效页面。“课外知识”多了，自然就能做到“他强由他强，清风拂山岗”的境界了。
2、手机触摸手动滑动效果
3、h5棋牌平台日租搭建www.yasewl.com
一、header信息的设置（自适应）
1、声明信息 <!DOCTYPE HTML>
2、编码设置 <meta charset="UTF-8">
3、移动设备特别设置（重要声明！）
<meta content="width=device-width,user-scalable=no" name="viewport">
Viewport说明：该设置可使我们开发出的页面/产品 大小可适应各种高端移动设备
width=device-width 为设备的宽度.
user-scalable=no/yes 此功能为用户调整缩放。默认为yes。一般设置为no
PS:初次尝试制作移动端页面。亲们，由于我没有加上面的viewport声明，结果导致页面狼狈不堪。
二、手机触摸手动滑动效果
1、触摸屏效果滚动组件（js必须包含的部分）
- <!--触摸屏效果滑动组件-->
- <script type="text/javascript" src="./js/touch.js"></script>
- <script type="text/javascript" src="./js/zepto.extend.js"></script>
- <script type="text/javascript" src="./js/zepto.ui.js"></script>
- <script type="text/javascript" src="./js/slider.js"></script>
- <!--触摸屏效果滑动组件end-->
复制代码
学习方法：
学习HTML这类的标记语言，我们需要从四个方面入手：
（1）语法：即怎样的书写格式是Browser接受和支持的，HTML技术的语法很简单，只要注意大小写在HTML、XHTML、H5中的一些细节不同就可以了。
（2）元素：也就是标签，这个就靠经验和记忆了，不求甚解多用就好。但是有一点，系统的学习和杂乱记忆的不同点就是：系统的学习会把元素分类。这样方便记忆、对比和使用，能让我们尽量减少不必要的错误嵌套。一般会把HTML标签分为文档结构标签、文本格式标签、字符格式标签、列表标签、链接标签、表格标签和表单标签这8类，有些标签不实用就不用看了。
（3）属性：知道每类标签都有什么属性，一般来说学习方法是知道有什么属性，然后了解下哪些标签不支持这些属性。其实，除了name、id、class、style外很多元素属性我们都很少用，涉及到格式的属性，我们都用CSS来代替了。这也是H5推荐的做法，那些属性在H5中都被废弃了，比如background属性。
（4）其他：其他的东西就是去了解一些额外的知识：历史背景、关联技术、深入技术，比如XML、DTD，甚至是Browser对页面的解析、渲染过程，DOM树的构建、Render Tree的构建过程，来帮助我们学习、开发高效页面。“课外知识”多了，自然就能做到“他强由他强，清风拂山岗”的境界了。
来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/31487294/viewspace-2151220/，如需转载，请注明出处，否则将追究法律责任。
转载于:http://blog.itpub.net/31487294/viewspace-2151220/