点击主页导航菜单下的下拉菜单,可以跳转到对应页面的标签页中,怎么做到?用的bootstrap框架写的。
<a>
标签跳转是通用的解决办法。如果题主这样不能跳转或者没有反应的话,看你的 href 路径!基本上就是这里出了问题。
因为网站最终要放到线上,同一域名一般写相对路径好些。
举个例子1:
如果你的导航下拉菜单的代码写在test.html
中,跳转目标在 html 文件夹里,href 的路径是html/target.html#id
例子2:
target.html#id
例子3:
跳转目标在 test.html 的上一级,../target.html#id
关键字:锚点
直接用 #XXX
锚点跳转
a.html:
<html>
<body>
<a href="b.html#b">go</a>
</body>
</html>
b.html:
<html>
<body>
<div id="a" style="height:900px">This is a.</div>
<div id="b" style="height:900px">This is b.</div>
</body>
</html>
原生的方法是用<a>
标签去跳。href
属性可以用#+id
来进行页面内跳转。
bootstrap可以用标签页来做,参照这个教程:
Bootstrap 标签页(Tab)插件