HTML锚点参考II

锚点使用：<a href="#a">会直接找到id为a的元素的位置，不需要其他设置。如此简单！

<a href="#a">

    <li>

        <p>七月流火，八月未央</p>

        <span>作者-胡依衡</span>

    </li>

</a>

<a href="#b">

    <li>

        <p>关于等候时间</p>

        <span>作者-吴雨晨</span>

    </li>

</a>

<a href="#c">

    <li>

        <p>博学之 审问之 慎思之 明辨之 笃行之</p>

        <span>作者-陈倩雯</span>

    </li>

</a>

<ul>

    <li id="a">

        <h2>七月流火，八月未央</h2>

        <div>作者-胡依衡</div>

        <div class="font2" style="display: none">

            <p>犹记得报到那天，......</p>

        </div>

        <a href="javascript:;" class="open-a">阅读全文</a>

    </li>

    <li id="b">

        <h2>关于等候时间</h2>

        <div>作者-吴雨晨</div>

        <div class="font1">

            <p>我所在的凉城路支行营业厅有四个综合柜......</p>

        </div>

        <a href="javascript:;" class="open-a">阅读全文</a>

    </li>

    <li id="c">

        <h2>博学之 审问之 慎思之 明辨之 笃行之</h2>

        <div>作者-陈倩雯</div>

        <div class="font1">

            <p>博学之.....</p>

        </div>

        <a href="javascript:;" class="open-a">阅读全文</a>

    </li>

</ul>