WAP类组件HTML规范

说明

开心网WAP版平台使用wap2.0 (xhtml-mobile)作为输出页面标准,第三方组件页面也需要遵循此标准。
HTML标签必须闭合,标签属性必须有值并且带双引号。
此外基于平台安全性考虑,第三方组件页面有一些更严格的实现规范。

HTTP协议头约定

Verify参数是组件识别请求的唯一标识,不支持组件页面的cookie输入输出。
HTTP响应支持200和302两种,其中302重定向地址应为形如 /!appl/……

页面编码约定

所有页面输入输出使用UTF-8编码。

页面返回内容的范围

一个完整的wap2.0页面内容形如:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>手机开心网</title>
<style type="text/css" id="internalStyle">
body{width:100%; margin:0px auto; font-family:Helvetica,sans-serif;}
body img{border:none;}
a{color:#36c;}
</style>
</head>
<body>
<div><!-- 开心网WAP版通用头部 --></div>

<!-- 第三方组件页面内容 -->

<div><!-- 开心网WAP版通用尾部 --></div>
</body>
</html>

第三方组件只需要输出“<!– 第三方组件页面内容 –>”之间的内容,而不需要输出其他部分,否则页面内容会解析错误。

页面上图片的显示方式

所有图片地址会被转换为开心网图片CDN的地址,组件页面直接输出 <img src=”http://.…..” /> 即可,不需特殊处理,WAP版接口会做后续处理。
图片只支持绝对路径引用,不支持相对路径和本地根路径。

允许的HTML标签

"style"
"div"、"span"、"ol"、"ul"、"li"
"a"、 "img"、 "form"、 "input"
"br"、 "hr"
"font"、 "u"、 "i"、 "b"、 "p"
"table"、 "tbody"、 "th"、 "tr"、 "td"

允许的HTML标签属性

"0" => array("class", "name", "id", "style", "type", "width", "height", "size", "border", "title", "alt")
"a" => array("href")
"img" => array("src")
"form" => array("method", "action")
"input" => array("value", "maxlength")
"font" => array("color")

允许的CSS样式

"margin"
"padding"、 "padding-left"
"font",
"color"

禁止的内容

第三方组件WAP页面禁止:
1.向站外的链接。即所有链接目标地址都应该是形如以下值: /!appl/……
2.向站外的提交表单。即所有表单的提交目标地址都应该是形如以下值:/!appl/……
3.CSS样式中使用背景图。