2. 创建一个独立的页面

MIP 提供了一些很常用的组件，称为 “内置组件”，常用的如 <mip-img>, <mip-iframe>, <mip-shell> 等。关于我们会在后面单独讲述，这里我们先用其他标签构成一个页面。

创建一个 HTML 文件，命名为 index.html 作为我们的首页。按照标准 HTML 文件的结构，编写如下内容：

首先我们需要填充 <head> 部分。因为 MIP 页面和标准 HTML 页面在头部并无不同，因此不具体展开了。

在 <body> 部分，我们可以混合使用标准的 HTML 标签和 MIP 标签。除了内置的 MIP 组件之外，我们也可以使用自定义的 MIP 组件。关于自定义组件的编写方式您可以参考组件文档，这里只讲 MIP 组件的使用。

按照 MIP 页面的规范，为了页面性能考虑，不允许开发者随意编写 JavaScript。但页面样式还是需要的，因此开发者可以使用 <style mip-custom> 来定制页面级别的样式（组件级别的样式应该编写在组件代码内部）。

注意：整个页面只能使用一次，不要遗漏 mip-custom 属性。

作为一个 MIP 页面，必须要引用 mip.js 作为页面的启动脚本。因此我们需要在 <body> 的最后添加一条 js 的引用。此外，MIP 还提供了一些必须加载的样式，所以我们还需要在 <head> 的最后添加 css 的引用。示例如下：

至此一个独立的 MIP 页面已经完成了。我们可以使用一个静态服务器 (例如 ) 来启动并通过浏览器访问这个 HTML 文件。预览效果如下：