现在很多人都是通过手机移动端访问一些页面,包括页面的一些操作,今天小编和大家分享下移动端网页开发基础教程经验,希望对大家有所帮助。
1.手机网页编码需要遵循什么规范?遵循XHTML Mobile Profile规范(WAP-277-XHTMLMP-20011029-a.pdf),简称为XHTML MP,也就是通常说的WA
2.0规范。 XHTMLMP是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础,加入了一些来自XHTML
1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同,XHTML MP是严格的XHTML
1.0子集。
2.网页文档推荐使用扩展名?推荐命名为xhtml,按WA
2.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。用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱?有条件的话,我们当然建议在手机实体上进行测试,因为目标客户群的手机设备总是在不断变化的,这些手机模拟器通常不能完全正确的模拟页面在手机上的显示情况,比如图片色彩,页面大小限制等就很难再模拟器上测试出来。当然,一些第三方手机浏览器的在线模拟器还是可以进行测试的,第三方浏览器相对来说受手机设备的影响较小。