Wap2.0开发规范

keriny

浏览: 94880 次
性别:
来自: 北京

最近访客更多访客>>

烽火戏诸侯二狗

isy

gaohongliang

tttiiillll

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

XHTML XML 浏览器框架 HTML

注：wap2.0其实现方式是使用xhtml语言进行页面显示，所以在wap2.0开发的过程中只要遵循xhtml开发规范即可。

一、XHTML标准文档结构

1、<?xml version="1.0" encoding="utf-8" ?>

<?xml ?>标签在XHTML文档中不是必须的，但W3C极力鼓励使用这个标签，以表明文档是基于XML的，特别是文档编码不是utf-8或utf-16的情况下要使用此标签说明字符编码。version-必须属性。设置XML的版本，对于XHTML文档设置为1.0，encoding-指出文档的字符的编码集,缺省默认为utf-8或utf-16(有赖于浏览器)

2、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

说明文档的类型。表明XHTML或者HTML遵从的语法定义是什么，以便浏览器知道，并读取类型定义。DOCTYPE声明不是XHTML文档的一部分，它也不是文档的一个元素，所以我们没必要加上结束标签。XHTML 1.0 提供了三种DTD（document type defnition）声明可供选择：Transitional(过渡的):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。Strict(严格的):要求严格的DTD，你不能使用任何表现层的标识和属性。Frameset(框架的):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。第二个URL参数即是这个DTD的下载地址，它定义了XHTML文档的标签和语法，浏览器就根据你定义的DTD来解释文档中的标识，并展现出来。我们可以将标准的DTD下载到自己的服务器，或定义自己的DTD。

3、<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">

XHTML网页规定文档必须包含此根元素,用它来包含所有的后继元素。xmlns - 在XTHML文件中为必须属性；用来声明名字空间，XTHML1.0值为：http://www.w3c.org/1999/xhtml

xml:lang - 当文档解释为XML文档时声明此文档的国家语言代码

lang - 当文档解释为HTML时指出国家语言代码

xml:lang与lang属性应同时使用，当网页文档解释为XML时xml:lang属性优先，网页解释为HTML时lang属性起作用。关于此属性详见：网页语言代码与SEO。

一个标准的XHTML文档声明如上，总结就是：要通过某个正式的W3C XHTML DTD验证；根元素必须是<html>；根元素必须用xmlns属性指出名字空间；根元素前必须有<!DOCTYPE>元素。其它标签XHTML和HTML区别不大，只是更严格，详情如下。

二、XHTML与HTML的区别

1,属性值必须有引号；属性不可以缩写；属性值中使用&号 &必须表示为实体引用；

2,用id属性代替name属性。如<a>定义锚点，HTML是用name,XTHM主张用id来定义

3,XHTML的元素和属性都要小写：XHTML文档是XML应用程序，XML对大小写是敏感的

4,元素必须关闭：如</p>在XHTML不能省略，<br />也要有结束标记，W3C建议在/之前空一个格

5,没有排斥规则。如<a>中可以嵌套<a>,当然我们不应那样做

6,正确的组织和嵌套形式：如必须有<html>标签；元素的嵌套要一一对应，不能错位

一个最基本的XHTML标准文档格式模板如下

其中关于meta部分的说明请看HTML meta 标签用法。

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="keywords" content="..." />

<meta name="description" content="..." />

<title>...</title>

</head>

<body>

...

</body>

</html>

分享到：