锚点链接

• 锚点链接需要a标签中是href属性和内容标签中的id属性配合使用

• 功能:当点击a标签的时候,跳转到对应的位置

  • a标签中的href属性:设置目录中的菜单项

       <a href="#[内容id]">[菜单名称]</a>
    

  • 内容标签的id属性

        <article id="[内容id]"></article>
    

• 代码示例

     <nav>
        <div class="left">
            <span>目录</span>
        </div>
        <div class="right">
            <div class="right-item">
                <a href="#jiaosejingli">角色经历</a>
            </div>
            <div class="right-item">
                <a href="#jiaosenengli">角色能力</a>
            </div>
            <div class="right-item">
                <a href="#jiaosexingxiang">角色形象</a>
            </div>
        </div>
    </nav>
    
    <hr>
    
    <article id='jiaosejingli'>
        <p>内容</p>   
    </article>
    <article id='jiaosenengli'>
        <p>内容</p>
    </article>
    <article id='jiaosexingxiang'>
        <p>内容</p>
    </article>