底部菜单选项卡的问题

底部菜单选项卡的问题：

如题：两个页面页面

两个底部页面：
a.html:

<nav class="mui-bar mui-bar-tab">    
        <a class="mui-tab-item mui-active" id="page_index" target="index.html">    
            <span class="mui-icon icon iconfont icon-beauty">&#xe600;</span>    
            <span class="mui-tab-label">清新</span>    
        </a>    
        <a class="mui-tab-item" id="page_category" target="category.html">    
            <span class="mui-icon iconfont icon-sexy">&#xe601;</span>    
            <span class="mui-tab-label">时尚</span>    
        </a>    
        <a class="mui-tab-item" id="page_article" target="article.html">    
            <span class="mui-icon iconfont icon-meng">&#xe602;</span>    
            <span class="mui-tab-label">评论</span>    
        </a>    
        <a class="mui-tab-item" id="page_login" target="login.html">    
            <span class="mui-icon mui-icon-gear"></span>    
            <span class="mui-tab-label">设置</span>    
        </a>    
    </nav>

b.html

<nav class="mui-bar mui-bar-tab">    
        <a class="mui-tab-item mui-active" id="page_index" target="index.html">    
            <span class="mui-icon icon iconfont icon-beauty">&#xe600;</span>    
            <span class="mui-tab-label">清新2</span>    
        </a>    
        <a class="mui-tab-item" id="page_category" target="category.html">    
            <span class="mui-icon iconfont icon-sexy">&#xe601;</span>    
            <span class="mui-tab-label">时尚2</span>    
        </a>    
        <a class="mui-tab-item" id="page_article" target="article.html">    
            <span class="mui-icon iconfont icon-meng">&#xe602;</span>    
            <span class="mui-tab-label">评论2</span>    
        </a>    
        <a class="mui-tab-item" id="page_login" target="login.html">    
            <span class="mui-icon mui-icon-gear"></span>    
            <span class="mui-tab-label">设置2</span>    
        </a>    
    </nav>  

a是主页面 ，请问跳转到b.html 可自由切换吗