<nav class="mui-bar mui-bar-tab">

            <a class="mui-tab-item mui-active" ​href="#tabbar"​>  //链接到id="tabbar"的地方,显示id="tabbar"的div块中调用的内容,可以说本地内容,如examples/about.html,也可以是网络内容,如http://www.sina.com.cn

                <span class="mui-icon mui-icon-home"></span>

                <span class="mui-tab-label">巡课管理</span>

            </a>

            <a class="mui-tab-item" href="#tabbar-with-chat">

                <span class="mui-icon mui-icon-email"></span>

                <span class="mui-tab-label">巡课反馈</span>

            </a>

            <!-- <a class="mui-tab-item" href="#tabbar-with-contact">

                <span class="mui-icon mui-icon-contact"></span>

                <span class="mui-tab-label">通讯录</span>

            </a>-->

            <a class="mui-tab-item" href="#tabbar-with-map">

                <span class="mui-icon mui-icon-gear"></span>

                <span class="mui-tab-label">我的</span>

            </a> 

        </nav>

        <div class="mui-content">



             <div​ id="tabbar"​ class="mui-control-content mui-active">

                <div class="title">​<iframe src="http://58.218.149.207:8085/e/DoInfo/AddInfo.php?mid=13&enews=MAddInfo&classid=88&Submit=%E6%B7%BB%E5%8A%A0%E4%BF%A1%E6%81%AF"  width="100%" height="800px"></iframe>​</div>  //此处嵌入网络内容

            </div>

这种方式调用网页可以实现选项卡的切换效果,用subpage待议