本文介绍了如何在HTML中使用链接与锚点来改善用户体验。通过设置链接的target属性为'_blank'，可以使链接在新窗口中打开；同时利用锚点可以在同一页面内实现快速导航。
<html>
<body>
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
<p>如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开。</p>
<p>
<a href="#c4">查看 Chapter 4。</a>
<!--对页面内的内容进行标记，使之能够跳转到同一页面的不同内容上-->
</p>
<h2><a name="C4">Chapter 1</a></h2>
<!--与之前标记的进行回应，使之能够进行跳转-->
<p>This chapter explains ba bla bla</p>
<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 4</h2>
<p>This chapter explains ba bla bla</p>
</body>
</html>
<body>
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
<p>如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开。</p>
<p>
<a href="#c4">查看 Chapter 4。</a>
<!--对页面内的内容进行标记，使之能够跳转到同一页面的不同内容上-->
</p>
<h2><a name="C4">Chapter 1</a></h2>
<!--与之前标记的进行回应，使之能够进行跳转-->
<p>This chapter explains ba bla bla</p>
<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 4</h2>
<p>This chapter explains ba bla bla</p>
</body>
</html>
扫一扫
8367
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
