关于超链接

最新推荐文章于 2023-08-15 00:17:08 发布

是五月吖

最新推荐文章于 2023-08-15 00:17:08 发布

阅读量636

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/KJJfighting/article/details/115283436

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文介绍了超链接的基本概念及其在网页间的跳转作用，详细讲解了`_self`和`_blank`两个目标属性的使用，分别对应于在当前窗口和新窗口打开链接。同时，还阐述了如何利用`#`进行页面内部跳转，特别是结合ID选择器实现任意位置的快速导航。此外，示例代码展示了如何创建跳转到特定段落的超链接。

摘要由CSDN通过智能技术生成

超链接：
用于网页或者网站间的跳转。

超链接
超链接定位target的属性：
—self:默认设置，即是跳转的页面在当前窗口打开，不会打开新窗口
例如：<a href="https://www.hao123.com/?tn=02003390_39_hao_pg" target="_self" >超链接</a>
—blank:会在新窗口打开
例如：<a href="https://www.hao123.com/?tn=02003390_39_hao_pg" target="_blank" >超链接</a>
#：用于页面内部跳转，跳到顶端
跳到任意位置，则是利用选择器id,例如：

  <a id="#bottom"> 回到底部</a>
  <a id="bottom"  href="#">回到顶部</a>
`

```javascript

  任意段落间的跳转则是在需要跳转的段落处加入id,超链接直接应用该id
例如：跳转到台词为妈妈是《《《位置

```javascript
 <a   href="#l2">跳转</a>
    	 <dl>
				<dt>你好李焕英</dt>
				<dd>
						<ul>
									<li>下辈子咱俩必须得做母女。<li>
						      		<li   id="l2">妈妈永远是内心最柔软的地方。</li>
									<li>我来你高兴吗,我高兴啊,我能让你更高兴。</li>
									<li>打我有记忆起,妈妈就是个中年妇女的样子。所以我总忘记,妈妈曾经也是个花季少女。</li>
					    </ul>
				</dd>
		</dl>