主题:
HTML.< / >什么是HTML的href属性?
在HTML中,内联A(锚点)元素将一个Web地址的超链接表示到另一个网址。所有功能A元素必须包含打开标记内的HREF(超文本引用)属性。HREF属性指示超链接的目标。如果没有href属性,则一个元素将无法正常工作。
你已经见过一个href在上面的介绍中,当我链接到万维网的定义时。这个超链接的HTML是这样的:
mozilla定义了万维网
这里有几件事可以注意到,对于工作的链接来说都很重要:
- 链接文本包裹在开放中<一>标签和结束符< / >标签。这些标记之间的所有文本都是可选择的,并接收链接样式。
- 的href属性及其伴随的属性都放置在开头中raybet电子竞技<一>标签。
- 属性值href(在引号内)是一个URL,它告诉浏览器在选择链接时要去的位置。
- 注意附加属性目标=“_空白”和rel = " noopener "- 这些告诉浏览器在新选项卡中打开网页。不像href,这些属性不是必需的。
更精确,上面的链接使用绝对网址在不同的网站上指定目的地。然而,href也可以接受其他值,因为我们将看到下一个。
一个href值
你最常会看到的href属性,用于链接到相同域或不同域上的另一个网页。href也可以用于其他事情,如链接到同一页面的不同部分,或者服务于不同的Web协议而不是HTTPS。让我们使用示例查看这些可能的值中的每一个。
绝对网址
如上所述,绝对URL指向另一个网站上的文件。换句话说,它是一个URL,它包含当前页面的URL(例如Hubspot.com到Mozilla.org)的不同域名。
这是另一个例子:转到谷歌搜索< / >。
这个超链接也包含一个绝对URL:
这是另一个例子:转到谷歌搜索。 p>
在使用此链接无关紧要 - 它始终指向同一个地方,谷歌主页。这就是为什么它被称为“绝对”的URL。
附加提示:注意链接文本是如何描述链接的功能的。这使用辅助技术的人员将您的网站更可访问< / >。
相对网址
相对URL引用同一网站上的文件。例如,这是我们的链接HTML的终极指南< / >。
这是它的代码:
相对URL引用同一个网站上的一个文件。例如,这里有一个链接到我们的终极html指南.
看看href价值看起来不同?它不包括HTTPS协议或域名。当URL的这一部分被删除时,浏览器会假定指定的文件位于与当前页面相同的域上(在本例中是hubspot.com)。
我们调用这些URL“相对”,因为指定了链路的目的地相对到当前网页。如果我们把上面的HTML粘贴到另一个网站的页面上,它就不起作用了。
为什么使用相对网址代替绝对网址?如果链接文件的文件路径更改,例如在网站重组或域更改的情况下,则答案是相对URL派系。如果发生这种情况,则相对URL仍将工作,因为它只包含链接资源的名称而不是整个文件路径。
URI片段
使用URI片段链接到同一个网页的不同部分。URI片段以散列(#)符号开始,然后是所需页面元素的id。
例如,这个链接指向在这个上面的H3 .
您也可以使用该值#大使访问者返回页面顶部。
你也可以使用值#top到发送访客返回页面顶部.
URI片段对章节链接或用户可以跳转到页面的早期/稍后部分的实例有用。
附加协议
到目前为止,我们看到的绝对url和相对url都使用HTTP/HTTPS协议,它为万维网上的页面提供服务。但是,我们可以使用其他协议href也,如mailto:和文件:
例如,单击此链接以发送电子邮件example@gmail.com< / >(虽然我们不能保证你会得到回复)。
For example, click this link to send an email to example@gmail.com (though we can’t guarantee you’ll hear back).
一个脚本
最后,您可以创建一个链接来触发JavaScript代码。
最初发布于2021年4月13日上午7:00:00,更新于2021年4月13日
别忘了分享这篇文章!
相关文章
扩大提供
注册HubSpot的CMS软件雷竞技苹果下载官方版
现在得到它< / >