HTML5第二章超链接和路径

最新推荐文章于 2022-10-08 17:29:18 发布

weixin_39597587

最新推荐文章于 2022-10-08 17:29:18 发布

阅读量412

点赞数

分类专栏： html5笔记文章标签： html5超链接和路径

本文链接：https://blog.csdn.net/weixin_39597587/article/details/79529478

版权

html5笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

一.超链接的属性

<a>标签是文本超链接标签,它的私有属性有:
属性名称	描述
href	指向元素链接的资源
hreflang	指向元素链接资源所使用的语言
media	说明链接资源是哪种设备
rel	说明元素与链接资源的关系类型
target	指明打开链接资源的浏览器形式
type	说明所链接的资源(比如text/html)
target属性的参数:默认为_self
参数名称	描述
_blank	在新窗口打开链接
_self	在自身窗口打开链接
_parent	在父窗框组(franmeset)打开链接
_top	在顶层窗口打开链接

用法：

<body>
a标签 <a href="http://www.baidu.com" target="_blank">html5</a>
<!--表示以打开新窗口的形式,打开超链接-->
</body>

二.相对路径和绝对路径

相对路径:就是相对于当前位置开始的。

a标签 <a href="index2.html" target="_self">html5</a>

绝对路径:就是直接从根开始的完整路径。

a标签 <a href="file:///E:/webstromWork/html5/index2.html" target="_self">html5</a>

./表示当前目录 ../表示父亲目录 ../../表示爷爷目录

三.锚点设置

什么是锚点？锚点就像是一个定位器。当你点击a标签,就会自动跳转至页面指定位置。

而超链接的锚点功能,是通过属性name和id实现锚点定位。这里注意一下:name只作用于<a>标签,而id作用于所有。

用法：

<body>
<a href="#text1">text1</a>
<a href="#text2">text2</a>
<a name="text1"></a>
<!--<a id="text1"></a>-->
<p>text1text1text1text1</p>
<p>text1text1text1text1</p>
<p>text1text1text1text1</p>
<a name="text2"></a>
<!--<a id="text2"></a>-->
<p>text2text2text2text2</p>
<p>text2text2text2text2</p>
<p>text2text2text2text2</p>
</body>

weixin_39597587

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML5第二章超链接和路径

一.超链接的属性 &lt;a&gt;标签是文本超链接标签,它的私有属性有: 属性名称描述 href 指向元素链接的资源 hreflang 指向元素链接资源所使用的语言 media 说明链接资源是哪种设备 rel 说明元素与链接资源的关系类型 target 指明打开链接资源的浏览器形式 type 说明所链接的资源(比如text/html) target属性的参数:默认为_self 参...
复制链接

扫一扫