新闻资讯
记录首创点滴进步 见证远行
我们一直紧跟时代前沿,聚焦行业实时动态,发布公司最新资讯,欢迎您的关注

6.12日音讯,wap网站的mp要求

日期:2013-06-12发布:首创网络浏览:456次

    6.12日音讯,wap网站的mp要求。随着智能手机的普遍wap网站的重要性便不言而喻,如何才能在各大屏幕不等的手机上做好同样的效果成了网页设计制作者的共同要求和能力的展示,我们知道,网页制作的语言是相通的只是语法、样式会有所改变,所以做好以上两点···

    本文关键字:6.12日,音讯,wap,网,站的,要求,6.12日,音讯,wap,网

   6.12日音讯,wap网站的mp要求。随着智能手机的普遍wap网站的重要性便不言而喻,如何才能在各大屏幕不等的手机上做好同样的效果成了网页设计制作者的共同要求和能力的展示,我们知道,网页制作的语言是相通的只是语法、样式会有所改变,所以做好以上两点是基础,下面邯郸网站建设首创网络小编就来给大家介绍一下相关的知识:

 

  一:XHTMLMP的语法规则

  我们知道,我们通常用电脑访问的网站的网页是用html构建的。类似的,现在WAP2.0网站是用XHTMLMP

  构建,以供手持设备的访问,如手机、PDA等。

  XHTMLMP是XHTML的子集,因此继承了它的语法。

  XHTML是更严格和简洁的HTML版本。现在来看看XHTMLMP的语法规则:

  1:标签必须正确闭合!

  

XHTMLMP教程段落1

  

XHTMLMPtutorialparagraph2

  

XHTMLMPtutorialparagraph3

  有些标签是不含内容的(开始标签和结束标签之间的东东,如上面的XHTMLMPtutorialparagraph1),

  就必须用这种形式:Linebreak
。请注意一定要加上斜杠

  2:标签和属性都必须是用小写

  正确的写法:

  XHTMLMPtutorialparagraph1

  XHTMLMPtutorialparagraph2

  XHTMLMPtutorialparagraph3

  3:属性的值必须放置在双引号内

  XHTMLMPtutorialparagraph1

  4:不支持属性简写

  在html中,如下写法是正确的:

  

  而xhtml中必须这样写:

  

  下面再举一个例子:

  

  

  XHTMLMPTutorialPart2

  

  

  5:标签的嵌套必须正确

  不支持标签的重叠,所以下面的写法是错误的!

  

XHTMLMPtutorialparagraph1

  应该这样子写:

  

XHTMLMPtutorialparagraph1

  二:XHTMLMP的MIME类型和文件扩展名

  XHTMLMP支持下面三种MIME类型

  1.application/vnd.wap.xhtml+xml

  2.application/xhtml+xml

  3.text/html

  第一种类型是一些wap浏览器所需要的(如某些诺基亚S60浏览器),以便正确显示XHTMLMP文档。

  第二种是XHTML系列文档的类型

  第三种是HTML文档的类型。这样用IE6就可以正常浏览这些文档,而如果遇到上面的两种类型就会弹出一个对话框

  让你保存这些文档。

  动态选择MIME类型

  比如服务器端判断某个客户端请求可以处理application/vnd.wap.xhtml+xmlMIME类型,那所有的XHTMLMP文档就

  都使用application/vnd.wap.xhtml+xmlMIME类型发送给客户端。

  要实现这个就必须通过服务器端编程,获取客户端HTTP请求的Header值,这里面的值包含客户端可以处理的所有MIME类型。

  如果支持就设置XHTMLMP的MIME类型为application/vnd.wap.xhtml+xml,如果支持其它的,就设置成其它的。

  下面的例子是JSP的,但是你如果使用其它技术的话,原理是一样的,代码也是大同小异!

  <%

  StringacceptHeader=request.getHeader("accept");

  if(acceptHeader.indexOf("application/vnd.wap.xhtml+xml")!=-1)

  response.setContentType("application/vnd.wap.xhtml+xml");

  elseif(acceptHeader.indexOf("application/xhtml+xml")!=-1)

  response.setContentType("application/xhtml+xml");

  else

  response.setContentType("text/html");

  %>

  这里的代码很简单,我就不多加解释了!

  文件的扩展名

  静态XHTMLMP文档的典型扩展名包括:.xhtml、.html和.htm。当然,你也可以使用其它扩展名,只要你在

  WAP服务配置文件里面设置清楚就OK了。如果你要使用服务器端技术(如JSP、PHP、ASP、SSI等),你就必须

  使用相应的扩展名,如PHP使用.php,SSI使用.shtml。

  三:XHTMLMP文档结构

  第一个例子一个典型的XHTMLMP文档结构

  讲解:

  前面的预声明不是XHTMLMP元素的一部分,所以不必遵守XHTMLMP的约定。

  剩下的内容和普通的html没有什么不同了。

  记住:XHTMLMP必须包含,,,和<body>元素。</p> <p>   四:XML声明和字符编码</p> <p>   <?xmlversion="1.0"encoding="UTF-8"?></p> <p>   所有的XHTMLMP文档都是XML文档,因此开始都会有一个XML声明。这里也可以指定文档的字符编码。</p> <p>   如果文档的字符编码是UTF-8orUTF-16的话,其实可以省略掉。</p> <p>   虽然这个XML声明是可以省略的,但是我们不建议这么做,因此这样可能导致某些索爱的WAP浏览器产生错误。</p> <p>   五:DOCTYPE声明</p> <p>   声明是必须的。这个声明规定了DTD名称和URL。这个DTD包含标记语言的语法信息,可供验证工具验证你写的XHTMLMP文档的语法正确性。</p> <p>   这些验证工具集成在很多IDE中了。</p> <p>   六:各标记简析</p> <p>   <html>是XHTMLMP的根标记。目前,该标记的xmlns属性只能是http://www.w3.org/1999/xhtml这个值,这个用来保证</p> <p>   严格遵守XHTMLMP标准。但是即使缺失了这个标记,大部分浏览器还是能正常显示页面。</p> <p>   <head>标记用来存放关于文档本身的信息。比如<title>和<link>,还有<meta>,这几个标记的功能和在传统的html里面的功能是一样的!</p> <p>   这里不再废话了。</p> <p>   还有<body>标记也不重复解释了。</p> <p>   <p>标记的text-align属性已经被取消了,你可以在css中定义实现这个功能,如:</p> <p>   p{</p> <p>   text-align:right</p> <p>   }</p> <p>   七:XHTMLMP的Metadata</p> <p>   先看下面的例子:</p> <p>   <head></p> <p>   <title>XHTMLMPTutorial

  

  

  WAP浏览器会自动忽略你自定义的meta属性(它不会显示在你的页面中),如这里的name,这并不会对你的页面的界面有任何影响。

  八:XHTMLMP的缓存控制

  这里的缓存就是客户端用来临时存储XHTML文档的空间,如果浏览器发现缓存里面有这个页面了而且没有过期,那它就

  直接显示这个页面,而不需要再次联网下载,这样节省了时间。

  当然,你可以禁止缓存,你可以这样做:

  

  XHTMLMPTutorial

  

  

  上面的也可以这样写:

  如果你要设置缓存时间是300秒的话,可以这么做:

  

  XHTMLMPTutorial

  

  

  还要注意的一点是,上面的设置和所用的设备是有关系的。有些wap浏览器是没有缓存的,所以你设置了也未必能起到作用。

  面对这种情况,更好的方法是通过服务器端编程技术设置HTTPheader和HTTPresponse。

  九:XHTMLMP的定时刷新

  

  XHTMLMPTutorial

  

  

  

  上面的代码让页面每隔15秒刷新一次!

  注意:必须包含这句:

  如果没有的话,那可能刷新后只是看到缓存中的副本,并没有重新从服务器下载页面。

  还有一个用法就是用来URL自动跳转,例子如下:

  需要注意的是,不是所有浏览器都支持refresh,如:诺基亚浏览器4.0和EricssonT610和T68i

  不过,阿佛使用的WindowsMobile手机是支持的,所以推荐使用。

  随着智能手机的降价,上面的那些不支持的也很快要淘汰了吧。

  十:注释

  和html的一样啦:

  

  十一:换行

  
,例子:

  

  

  Line1

  Line2

  Line3

  

  

  十二:


标记

  这个标记会给你的页面添加一条水平线。注意:

  这个标记不能在

标记之间使用!!!

  例子:

  

  

  TableofContents:

  

  


  

  Part1XHTMLMPIntroduction

  Part2DevelopmentofWirelessMarkupLanguages

  Part3AdvantagesofXHTMLMP

  Part4WMLFeaturesLostinXHTMLMP

  

  

  十三:标题标记

  

,

,

,

,

,和

  浏览器将以不同的大小显示置于此标记中的文字,具体效果你可以测试下面的代码:

  

  

Level1Heading

  

Level2Heading

  

Level3Heading

  

Level4Heading

  

Level5Heading

  

Level6Heading

  

  十四:文字样式

  首先声明的是有些浏览器并不支持XHTMLMP支持的标记。

  例子:

  

  

  Bold

  Italic

  Bolditalic

  Small

  Big

  Emphasis

  Strong

  

  

  你还可以通过WAPCSS进行更精确的控制,比如把文字大小设置为12pt。

  更多关于WAPCSS的信息请访问:(下面将不再重复声明)

  十五:预格式文本

  在XHTMLMP中,段落中的多个空格在手持设备中显示时只显示为一个空格。请看下面的例子:

  

  

Hello,welcome

  to

  our

  XHTMLMPtutorial.

  

  为了能够保持你希望的格式,可以使用

标签:

  

  

Hello,welcome

  to

  our

  XHTMLMPtutorial.

  

  这样最后显示的格式就和上面代码中排列的一样了。

  十六:列表标签

  使用

    标签来建立无序列表,每个列表项前将显示一个小圆点。

      

  • 标签用来包围每个列表项。

      请看下面的例子:

      

      

    TableofContents:

      

        

    • Part1XHTMLMPIntroduction
    •   

    • Part2DevelopmentofWirelessMarkupLanguages
    •   

    • Part3AdvantagesofXHTMLMP
    •   

    • Part4WMLFeaturesLostinXHTMLMP
    •   

      

      使用

      标签来建立有序列表,请看下面的例子:

        

        

      TableofContents:

        

          

      1. XHTMLMPIntroduction
      2.   

      3. DevelopmentofWirelessMarkupLanguages
      4.   

      5. AdvantagesofXHTMLMP
      6.   

      7. WMLFeaturesLostinXHTMLMP
      8.   

        

        其中,在

        标签中可以设置start属性的值来决定列表序号的起始值,例如:

          

          通过WAPCSS你可以对列表的外观进行更精确的控制。例如,可以修改显示序号的方式,

          比如使用i,ii,iii来替代1,2,3。

          十七:显示图片

          和HTML中一样,使用标签来显示图片。height和width属性用来指定图片的高和宽(像素)。

          WAP2.0支持常用的GIF、JPG、PNG图像格式,当然这还跟用户所有设备有关,一些设备只能显示

          其中的一部分格式。要想知道客户端支持的图片格式,很容易,和先前讲过的一样,可以通过检查

          HTTPHeader,请看下面的代码:

          

          

          Hello,welcometoourXHTMLMPtutorial.

          

          其中alt属性在图片无法显示的时候会显示其设置的文本值。

          十八:大图片问题

          很多WAP浏览器没有水平滚动条(我的WMIE也是,但是它会自动缩放图片到合适尺寸)。因此如果图片超过设备的屏幕尺寸,

          很多浏览器就只能显示局部图片,这样从用户看来很糟糕!还有注意的就是height和width属性设置只是影响外观,加载图片的时间

          和图片大小有关,与你设置的height和width的值无关。使用大图片将让你的访问用户掏更多钱(并花费更多的时间)去支援移动,因为大图片带来大流量,

          移动的疯狂收费已经吓住了不少潜在的客户(你不希望你的网站吓走用户吧)。阿佛的哥哥就是个例子,移动的1元包月5M套餐,

          而他超过了流量(不少普通用户根本没有流量的概念),移动收了几十元,从此就再也不敢用手机GPRS上网了。

          因此从优化XHTMLMP页面图像的角度来看,控制图片的大小有下面几招:

          1:使用PS等图片处理软件减小图片的尺寸,而不是传送大图片给无线设备,然后通过height和width来设定显示尺寸。

          2:如果使用的GIF格式的图片,那么请使用小型颜色调色板,使用小型调色板会降低图片的质量,不过你可以在二者

          之间做一个较好的平衡。

          3:如果图片是JPG格式,你应该用合适压缩比率来压缩。这个平衡(图片尺寸和显示质量)也要你来控制。

          4:期待移动降低上网资费并提高龟速网络(这仅仅是期待)。

          更好的提高你的手机网站性能方式是先处理页面的文档请求,再接着处理图片的显示。但是如果构建这样的网站已经超过了本文要

          描述的范围,如果你感兴趣的话请自行搜索关键字:Multipartmessages

          这些知识当然只是一部分,只能带领大家进入到学习当中,我们要做好它们的基础,然后才能进一步更加深入的去了解和学习,做好合适的作品。

    欢迎大家阅读浏览,部分内容来源于网络,如有侵权,请联系我们删除!

+ 查看更多我们的客户 / Our client

    24小时技术支持
    18931045623
    在线客服

首创简介

    首创网络成立于2012年,是一家专业的品牌网站设计和网络营销推广公司,服务领域涵盖网站设计、市场策划、企业画册及VI视觉设计、网站域名空间等领域,公司拥有一批高素质人才,着力打造品牌网站设计制作和网上营销策略执行两大优势。

    十年来,凭借对市场趋势敏锐的洞察,和对消费者、企业形态深刻的理解,我们服务的已遍及京津冀、长三角、珠三角等领域,行业覆盖政府机构、企事业单位、无线通讯、环保、电子、医药、交通、园林、地产等行业,诸多知名企业,如广州京信集团、广东联通广州分公司、搜狐家居广州站、搜狐家居邯郸站等,都鉴证了首创设计公司的品牌设计思想与能力,首创设计公司也与诸多企业勃的市场经济中互促共生。

在线客服


  • 扫描加微信

  • 扫描加QQ

  • 扫描浏览手机版
首创网络邯郸公司
邯郸公司
服务热线:0310-4559740 / 18931045623  公司地址:邯郸市丛台区颐高广场B座13层1304室  客户接待:邯郸市陵园路669号康桥国际B06