用htc组件制作windows选项卡_基础知识

在网页中模拟制作windows风格选项卡的方法可以有很多种，这里向大家介绍一个比较简单的方法——用htc组件制作。

　　使用htc的好处是可以自由调用，有点批处理的感觉，例如你有很多网页都要用到这个选项卡，那么你只要做一个htc就可以了，然后在不同的网页中分别调用，而不必重复制作。使用起来很方便，可以节约很多时间。

具体制作方法如下：

一、下载mpc.htc

　　首先去微软站点下载一个名为mpc.htc的组件，这是制作windows选项卡的原材料。

二、编辑网页，调用mpc.htc

1、将html标签写成：
以下内容为引用：


2、建立样式行为：
以下内容为引用： 　　


　　即mpc\:container和mpc\:page均用行为调用mpc.htc

3、具体内容调用：
以下内容为引用：




　　这里＜mpc:container＞标签中用style样式的width和height确定整个选项卡的宽度和高度；然后在＜mpc:page＞……＜/mpc:page＞标签间中加入选项卡的具体内容，有几个选项就用几组＜mpc:page＞……＜/mpc:page＞标签。

附 文章中windows选项卡示例页面的代码：

以下内容为引用：












http://msdn.microsoft.com/downloads/samples/internet/behaviors/library/mpc/mpc.htc

htc文件放到你选项卡所在htm文件相同的目录下，要么你改页面源代码中下面这段中htc的位置

mpc\:container {
behavior:url(mpc.htc);
}

mpc\:page {
behavior:url(mpc.htc);
}