针对不同浏览器的Html解释

时间:2013-09-27 18:42:05

标签: html browser

最近,我在html页面的标签内容上下载了一个动画JQuery插件。为Tabs定义的html及其各自的内容和动画是通过 JQuery的。这是我的标签的示例html。

<ul>
    <li><a href="#two">PED</a>
    </li>
    <li><a href="#Five">SPDE</a>
    </li>
    <li><a href="#one">SDE</a>
    </li>
</ul>
<div class="box-wrapper">
  <div id="Seven" class="content-box">
    <div class="col-one col">
      <a href="" target="_blank"
         title="Click to go to Advanced-Design Team Site">
        <img src=""/>
      </a>
    </div>
  <div class="col-two col">
  <h3>
    <a href="" target="_blank"
       style="color: Black; text-decoration: underline"
       title="Click to go to Advanced-Design Team Site">
         Advanced Design
    </a>
  </h3>
  <p>Welcome to Advanced Design Group.</p>
</div>

上面已经编码了剩余的div。

我使用iframe标签在另一个页面中显示了此标签式html页面。当我点击其中任何一个标签时,页面会自动捕捉到内容页面的开头。这在Firefox中不会发生,但它会按预期显示内容而不会进行捕捉。在IE和Chrome中,页面会捕捉到相应标签的开头。我们需要重新滚动到页面顶部。

不确定为什么会发生这种情况,浏览器解释HTML或我的HTML代码错误的方式有什么问题吗?除了使用之外,我没有看到任何其他方式  做法。我知道这导致了这个问题,但有没有任何方法可以使页面不会在IE或Chrome中删除,或者我是否需要使用选项卡式内容开发我的页面而不使用我现在的方法。这对我来说是道路的终点。不知道去哪里。

任何指针都会有很大的帮助。 谢谢,

0 个答案:

没有答案