网站移动端建设基础教程
2016-10-17 分类： 网站建设
现在很多人都是通过手机移动端访问一些页面，包括页面的一些操作，今天小编和大家分享下移动端网页开发基础教程经验，希望对大家有所帮助。
1.手机网页编码需要遵循什么规范？遵循XHTML Mobile Profile规范（WAP-277-XHTMLMP-20011029-a.pdf），简称为XHTML MP，也就是通常说的WAP2.0规范。 XHTMLMP是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础，加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同，XHTML MP是严格的XHTML 1.0子集。
2.网页文档推荐使用扩展名？推荐命名为xhtml，按WAP2.0的规范标准写成html/htm等也是可以的。但少数手机对html支持的不好。为什么现今大多数的网站一行字数上限为14个中文字符？由于手持设备的特殊性，其页面中实际文字大小未必是我们在CSS中设定的文字大小，尤其是在第三方浏览器中。例如Nokia5310，其内置浏览器 页面内文字大小与CSS设定相符，但是第三方浏览器OperaMini与UCWEB页面内文字大小却大于CSS设定。经测试，其文本大概在16px左右。 假如屏幕分辨率宽度为240px，去除外边距，那么其一行显示14个字以内，是比较保险（避免文本换行）的做法。
3.使用WCSS还是CSS?WCSS (WAP Cascading Style Sheet 或称 WAP CSS)是移动版本的CSS样式表。它是CSS2的一个子集，去掉了一些不适于移动互联网特性的属性，并加入一些具有WAP特性的扩展（如-wap-input-format/-wap-input-required/display:-wap-marquee等）。 需要留意的是，这些特殊的属性扩展并不是很实用，所以在实际的项目开发当中，不推荐使用WCSS特有的属性。
4.避免空值属性：如果属性值为空，在web页面中是完全没有问题的，但是在大部分手机网页上会报错。
5.网页大小限制：建议低版本页面不超过15k，高版本页面不超过60k。用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱？有条件的话，我们当然建议在手机实体上进行测试，因为目标客户群的手机设备总是在不断变化的，这些手机模拟器通常不能完全正确的模拟页面在手机上的显示情况，比如图片色彩，页面大小限制等就很难再模拟器上测试出来。当然，一些第三方手机浏览器的在线模拟器还是可以进行测试的，第三方浏览器相对来说受手机设备的影响较小。
1.手机网页编码需要遵循什么规范？遵循XHTML Mobile Profile规范（WAP-277-XHTMLMP-20011029-a.pdf），简称为XHTML MP，也就是通常说的WAP2.0规范。 XHTMLMP是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础，加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同，XHTML MP是严格的XHTML 1.0子集。
2.网页文档推荐使用扩展名？推荐命名为xhtml，按WAP2.0的规范标准写成html/htm等也是可以的。但少数手机对html支持的不好。为什么现今大多数的网站一行字数上限为14个中文字符？由于手持设备的特殊性，其页面中实际文字大小未必是我们在CSS中设定的文字大小，尤其是在第三方浏览器中。例如Nokia5310，其内置浏览器 页面内文字大小与CSS设定相符，但是第三方浏览器OperaMini与UCWEB页面内文字大小却大于CSS设定。经测试，其文本大概在16px左右。 假如屏幕分辨率宽度为240px，去除外边距，那么其一行显示14个字以内，是比较保险（避免文本换行）的做法。
3.使用WCSS还是CSS?WCSS (WAP Cascading Style Sheet 或称 WAP CSS)是移动版本的CSS样式表。它是CSS2的一个子集，去掉了一些不适于移动互联网特性的属性，并加入一些具有WAP特性的扩展（如-wap-input-format/-wap-input-required/display:-wap-marquee等）。 需要留意的是，这些特殊的属性扩展并不是很实用，所以在实际的项目开发当中，不推荐使用WCSS特有的属性。
4.避免空值属性：如果属性值为空，在web页面中是完全没有问题的，但是在大部分手机网页上会报错。
5.网页大小限制：建议低版本页面不超过15k，高版本页面不超过60k。用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱？有条件的话，我们当然建议在手机实体上进行测试，因为目标客户群的手机设备总是在不断变化的，这些手机模拟器通常不能完全正确的模拟页面在手机上的显示情况，比如图片色彩，页面大小限制等就很难再模拟器上测试出来。当然，一些第三方手机浏览器的在线模拟器还是可以进行测试的，第三方浏览器相对来说受手机设备的影响较小。
新闻名称：网站移动端建设基础教程
链接地址：https://www.cdcxhl.com/news/52008.html
成都网站建设公司_创新互联，为您提供营销型网站建设、网站排名、外贸建站、品牌网站建设、定制开发、Google
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联
猜你还喜欢下面的内容
- 成都网站的开发有哪些基本的流程呢？ 2016-10-16
- 网建公司的网站最能体现公司水平 2016-10-16
- 制作一个网站需要多久时间 2016-10-16
- 建设网站需要做什么 2016-10-16
- 成都建站如何选择好的公司 2016-10-16
- 成都建站网站公司必备的要素 2016-10-16
- 企业官网怎么建设 2016-10-17
- 网站模板建设如何选择 2016-10-17
- 为什么要建设企业官网 2016-10-16
- 公司为什么要弄官网建设 2016-10-16
- 找对网建公司不容易 2016-10-16
- 产品展示型网站如何制作 2016-10-16
- 成都建站有哪些自助平台 2016-10-16
- 成都品牌型网站如何建设 2016-10-16
- 成都企业站建设的流程 2016-10-16
- 如何选择建站服务公司 2016-10-16
- 成都建设网站如何建个人网站？ 2016-10-16
- 企业官网制作流程 2016-10-16
- 企业建网站怎么做到恰到好处 2016-10-16