美文网首页
html <a>标签 同级上下级跳转

html <a>标签 同级上下级跳转

作者: CAICL | 来源:发表于2017-01-15 23:58 被阅读367次

    <h5>1. 同目录下文件跳转 </h5>

    同目录下跳转只需连接文件名称
    比如说: /html/content 目录下有2个文件 a.html b.html

    • a.html页面 跳转到 b.html

      <a href="b.html">我是跳转</a>
      

    <h5>2. 向下级目录跳转</h5>

    向下级跳转加上目录结构即可.
    比如说 根目录有index.html文件和html文件夹, 延续上面 /html/content/ a.html

    • index.html页面跳转到 a.html
    <a href="/hrml/conent/a.html">我是跳转</a>
    

    <h5>3. 向上级目录跳转</h5>

    向上级跳转需要用 ../ 表示上级菜单.
    比如说 根目录有index.html文件和html文件夹, 延续上面 /html/content/ a.html

    • a.html页面跳转到 index.html
    <a href="../../index.html">我是跳转</a>
    

    相关文章

      网友评论

          本文标题:html <a>标签 同级上下级跳转

          本文链接:https://www.haomeiwen.com/subject/xfuubttx.html