W3C Widget 配置与打包（3）开始文件

论坛元老

Rank: 8 Rank: 8

UID: 1066743

1^#

打印

字体大小: tT

look_w发表于 2018-9-4 09:01 | 只看该作者

W3C Widget 配置与打包（3）开始文件

开始文件除了 config.xml 配置文件之外，一个有效的 W3C Widget 包至少还需要另一个文件：开始文件。如果没有指定开始文件，默认的文件就是文件名以 index 开始的文件 —— 通常带有 .html、.htm 或 .xhtml 扩展名。不同类型的 Widgets 可能允许使用其它的扩展名，但本文仅关注标准的 HTML 例子。
清单 4 显示了一个示例文件。
清单 4. 一个示例开始文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="pragma" content="no-cache" />
  <meta http-equiv="Content-Type" content=
  "text/html; charset=us-ascii" />
  <title>HelloWorld</title>
  <link rel="stylesheet" href="style/common.css" type="text/css" />
</head>
<body>
<h1>Hello World...</h1>
</body>
</html>

清单 4 中显示的 HTML 文件和其他可以显示在浏览器上的符合语法的 HTML 文件很相像。这使得 Widget 设计时很容易 — 我们像普通的 HTML 页面一样创建 Widget。这个 HTML 开始文件就是用来渲染 Widget 的文件。
因为 Widget 是由浏览器所渲染的一个简单的 HTML 文件，它们可能包含了 JavaScript 文件。使用 JavaScript 功能可以使 Widget 拥有富内容和动态内容。我们可以使用 Ajax 在 Widget 中动态地向用户显示数据。（见中关于 Ajax 的信息）
Widget 的 HTML 开始文件中所引用的 JavaScript 文件必须包含在打包的 Widget 存档包中。
这个 Widget 的示例 HTML 文件还使用了 CSS 样式表。类似于 JavaScript 文件，这些 CSS 文件也必须包含在作为打包部署的 Widget 的压缩文件存档中。
W3C 规范也规定了本地化（i10n）准则。本地化支持是基于文件夹的，所以我们可以在 Widget 目录下创建一个名为 locales 目录。在 locales 文件夹内，我们可以创建以本地化名称命名的文件夹（例如，en、fr、de），它们包含了适合于各个本地化的不同资源。

收藏分享评分

回复引用

订阅 TOP

返回列表