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

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

发布日期:2013-06-12文章来源:首创网络浏览次数:740次
    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:标签必须正确闭合!
  <p>XHTMLMP教程段落1</p>
  <p>XHTMLMPtutorialparagraph2</p>
  <p>XHTMLMPtutorialparagraph3</p>
  有些标签是不含内容的(开始标签和结束标签之间的东东,如上面的XHTMLMPtutorialparagraph1),
  就必须用这种形式:Linebreak<br/>。请注意一定要加上斜杠
  2:标签和属性都必须是用小写
  正确的写法:
  <pid="p1">XHTMLMPtutorialparagraph1</p>
  <pid="p2">XHTMLMPtutorialparagraph2</p>
  <pid="p3">XHTMLMPtutorialparagraph3</p>
  3:属性的值必须放置在双引号内
  <pid="p1">XHTMLMPtutorialparagraph1</p>
  4:不支持属性简写
  在html中,如下写法是正确的:
  <inputtype="checkbox"checked/>
  而xhtml中必须这样写:
  <inputtype="checkbox"checked="checked"/>
  下面再举一个例子:
  <selectmultiple="multiple">
  <option>XHTMLMPTutorialPart1</option>
  <optionselected="selected">XHTMLMPTutorialPart2</option>
  <option>XHTMLMPTutorialPart3</option>
  </select>
  5:标签的嵌套必须正确
  不支持标签的重叠,所以下面的写法是错误的!
  <p><b>XHTMLMPtutorialparagraph1</p></b>
  应该这样子写:
  <p><b>XHTMLMPtutorialparagraph1</b></p>
  二: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必须包含<html>,<head>,<title>,和<body>元素。
  四:XML声明和字符编码
  <?xmlversion="1.0"encoding="UTF-8"?>
  所有的XHTMLMP文档都是XML文档,因此开始都会有一个XML声明。这里也可以指定文档的字符编码。
  如果文档的字符编码是UTF-8orUTF-16的话,其实可以省略掉。
  虽然这个XML声明是可以省略的,但是我们不建议这么做,因此这样可能导致某些索爱的WAP浏览器产生错误。
  五:DOCTYPE声明
  声明是必须的。这个声明规定了DTD名称和URL。这个DTD包含标记语言的语法信息,可供验证工具验证你写的XHTMLMP文档的语法正确性。
  这些验证工具集成在很多IDE中了。
  六:各标记简析
  <html>是XHTMLMP的根标记。目前,该标记的xmlns属性只能是http://www.w3.org/1999/xhtml这个值,这个用来保证
  严格遵守XHTMLMP标准。但是即使缺失了这个标记,大部分浏览器还是能正常显示页面。
  <head>标记用来存放关于文档本身的信息。比如<title>和<link>,还有<meta>,这几个标记的功能和在传统的html里面的功能是一样的!
  这里不再废话了。
  还有<body>标记也不重复解释了。
  <p>标记的text-align属性已经被取消了,你可以在css中定义实现这个功能,如:
  p{
  text-align:right
  }
  七:XHTMLMP的Metadata
  先看下面的例子:
  <head>
  <title>XHTMLMPTutorial</title>
  <metaname="author"content="Andrew"/>
  </head>
  WAP浏览器会自动忽略你自定义的meta属性(它不会显示在你的页面中),如这里的name,这并不会对你的页面的界面有任何影响。
  八:XHTMLMP的缓存控制
  这里的缓存就是客户端用来临时存储XHTML文档的空间,如果浏览器发现缓存里面有这个页面了而且没有过期,那它就
  直接显示这个页面,而不需要再次联网下载,这样节省了时间。
  当然,你可以禁止缓存,你可以这样做:
  <head>
  <title>XHTMLMPTutorial</title>
  <metahttp-equiv="Cache-Control"content="no-cache"/>
  </head>
  上面的也可以这样写:<metahttp-equiv="Cache-Control"content="max-age=0"/>
  如果你要设置缓存时间是300秒的话,可以这么做:
  <head>
  <title>XHTMLMPTutorial</title>
  <metahttp-equiv="Cache-Control"content="max-age=300"/>
  </head>
  还要注意的一点是,上面的设置和所用的设备是有关系的。有些wap浏览器是没有缓存的,所以你设置了也未必能起到作用。
  面对这种情况,更好的方法是通过服务器端编程技术设置HTTPheader和HTTPresponse。
  九:XHTMLMP的定时刷新
  <head>
  <title>XHTMLMPTutorial</title>
  <metahttp-equiv="Cache-Control"content="no-cache"/>
  <metahttp-equiv="refresh"content="15"/>
  </head>
  上面的代码让页面每隔15秒刷新一次!
  注意:必须包含这句:<metahttp-equiv="Cache-Control"content="no-cache"/>,
  如果没有的话,那可能刷新后只是看到缓存中的副本,并没有重新从服务器下载页面。
  还有一个用法就是用来URL自动跳转,例子如下:
  需要注意的是,不是所有浏览器都支持refresh,如:诺基亚浏览器4.0和EricssonT610和T68i
  不过,阿佛使用的WindowsMobile手机是支持的,所以推荐使用。
  随着智能手机的降价,上面的那些不支持的也很快要淘汰了吧。
  十:注释
  和html的一样啦:
  <!--ThisisacommentinXHTMLMP-->
  十一:换行
  <BR/>,例子:
  <body>
  <p>
  Line1<br/>
  Line2<br/><br/>
  Line3
  </p>
  </body>
  十二:<hr/>标记
  这个标记会给你的页面添加一条水平线。注意:
  这个标记不能在<p></p>标记之间使用!!!
  例子:
  <body>
  <p>
  TableofContents:<br/>
  </p>
  <hr/>
  <p>
  Part1XHTMLMPIntroduction<br/>
  Part2DevelopmentofWirelessMarkupLanguages<br/>
  Part3AdvantagesofXHTMLMP<br/>
  Part4WMLFeaturesLostinXHTMLMP
  </p>
  </body>
  十三:标题标记
  <h1>,<h2>,<h3>,<h4>,<h5>,和<h6>
  浏览器将以不同的大小显示置于此标记中的文字,具体效果你可以测试下面的代码:
  <body>
  <h1>Level1Heading</h1>
  <h2>Level2Heading</h2>
  <h3>Level3Heading</h3>
  <h4>Level4Heading</h4>
  <h5>Level5Heading</h5>
  <h6>Level6Heading</h6>
  </body>
  十四:文字样式
  首先声明的是有些浏览器并不支持XHTMLMP支持的标记。
  例子:
  <body>
  <p>
  <b>Bold</b><br/>
  <i>Italic</i><br/>
  <b><i>Bolditalic</i></b><br/>
  <small>Small</small><br/>
  <big>Big</big><br/>
  <em>Emphasis</em><br/>
  <strong>Strong</strong>
  </p>
  </body>
  你还可以通过WAPCSS进行更精确的控制,比如把文字大小设置为12pt。
  更多关于WAPCSS的信息请访问:(下面将不再重复声明)
  十五:预格式文本
  在XHTMLMP中,段落中的多个空格在手持设备中显示时只显示为一个空格。请看下面的例子:
  <body>
  <p>Hello,welcome
  to
  our
  XHTMLMPtutorial.</p>
  </body>
  为了能够保持你希望的格式,可以使用<pre>标签:
  <body>
  <pre>Hello,welcome
  to
  our
  XHTMLMPtutorial.</pre>
  </body>
  这样最后显示的格式就和上面代码中排列的一样了。
  十六:列表标签
  使用<ul>标签来建立无序列表,每个列表项前将显示一个小圆点。
  <li>标签用来包围每个列表项。
  请看下面的例子:
  <body>
  <p>TableofContents:</p>
  <ul>
  <li>Part1XHTMLMPIntroduction</li>
  <li>Part2DevelopmentofWirelessMarkupLanguages</li>
  <li>Part3AdvantagesofXHTMLMP</li>
  <li>Part4WMLFeaturesLostinXHTMLMP</li>
  </ul>
  </body>
  使用<ol>标签来建立有序列表,请看下面的例子:
  <body>
  <p>TableofContents:</p>
  <ol>
  <li>XHTMLMPIntroduction</li>
  <li>DevelopmentofWirelessMarkupLanguages</li>
  <li>AdvantagesofXHTMLMP</li>
  <li>WMLFeaturesLostinXHTMLMP</li>
  </ol>
  </body>
  其中,在<ol>标签中可以设置start属性的值来决定列表序号的起始值,例如:
  <olstart="4">
  通过WAPCSS你可以对列表的外观进行更精确的控制。例如,可以修改显示序号的方式,
  比如使用i,ii,iii来替代1,2,3。
  十七:显示图片
  和HTML中一样,使用<img>标签来显示图片。height和width属性用来指定图片的高和宽(像素)。
  WAP2.0支持常用的GIF、JPG、PNG图像格式,当然这还跟用户所有设备有关,一些设备只能显示
  其中的一部分格式。要想知道客户端支持的图片格式,很容易,和先前讲过的一样,可以通过检查
  HTTPHeader,请看下面的代码:
  <p>
  <imgsrc="monkey.gif"alt="coolMonkey"height="50"width="50"/><br/>
  Hello,welcometoourXHTMLMPtutorial.
  </p>
  其中alt属性在图片无法显示的时候会显示其设置的文本值。
  十八:大图片问题
  很多WAP浏览器没有水平滚动条(我的WMIE也是,但是它会自动缩放图片到合适尺寸)。因此如果图片超过设备的屏幕尺寸,
  很多浏览器就只能显示局部图片,这样从用户看来很糟糕!还有注意的就是height和width属性设置只是影响外观,加载图片的时间
  和图片大小有关,与你设置的height和width的值无关。使用大图片将让你的访问用户掏更多钱(并花费更多的时间)去支援移动,因为大图片带来大流量,
  移动的疯狂收费已经吓住了不少潜在的客户(你不希望你的网站吓走用户吧)。阿佛的哥哥就是个例子,移动的1元包月5M套餐,
  而他超过了流量(不少普通用户根本没有流量的概念),移动收了几十元,从此就再也不敢用手机GPRS上网了。
  因此从优化XHTMLMP页面图像的角度来看,控制图片的大小有下面几招:
  1:使用PS等图片处理软件减小图片的尺寸,而不是传送大图片给无线设备,然后通过height和width来设定显示尺寸。
  2:如果使用的GIF格式的图片,那么请使用小型颜色调色板,使用小型调色板会降低图片的质量,不过你可以在二者
  之间做一个较好的平衡。
  3:如果图片是JPG格式,你应该用合适压缩比率来压缩。这个平衡(图片尺寸和显示质量)也要你来控制。
  4:期待移动降低上网资费并提高龟速网络(这仅仅是期待)。
  更好的提高你的手机网站性能方式是先处理页面的文档请求,再接着处理图片的显示。但是如果构建这样的网站已经超过了本文要
  描述的范围,如果你感兴趣的话请自行搜索关键字:Multipartmessages
  这些知识当然只是一部分,只能带领大家进入到学习当中,我们要做好它们的基础,然后才能进一步更加深入的去了解和学习,做好合适的作品。
    本文由邯郸网络公司首创网络整理编辑发布,请勿转载、复制、摘抄等!

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

0310-4559740
400-990-1661
    24小时报务热线
    18931045623
在线客服
首创网络邯郸公司
邯郸公司
电话:0310-4559740 / 18931045623  地址:邯郸市丛台区颐高广场B座13层1304室