首页 前端知识 【入门级】HTML的超链接分类和属性及常用的特殊符号转义

【入门级】HTML的超链接分类和属性及常用的特殊符号转义

2024-04-29 12:04:09 前端知识 前端哥 134 981 我要收藏

文章目录

  • 一.超链接的分类
    • 1.1 外部链接
    • 1.2 内部链接
    • 1.3 锚链接
    • 1.4 功能性链接
  • 二、超链接的属性
    • 2.1 href属性
    • 2.2 target属性
    • 2.3title属性
  • 三.常用的特殊符号转义

一.超链接的分类

1.1 外部链接

直接将网址放在href中,实现点击跳转到其他网站的网页里。

<a href="https://www.baidu.com/">百度</a>

1.2 内部链接

放入自己的网页,实现内部跳转,网站内部网页与网页的跳转。

<a href="02-vscode.html">内部链接</a>

1.3 锚链接

锚点链接可以链接到本页面中的特定内容。其实现方式是添加锚点。

<a href="#first">点击跳转a点</a>
<h4 id="first">a点</h4>

1.4 功能性链接

比如要发邮件给指定的人,前面为邮件而后面则要指定的那个人的QQ邮箱号。

邮件链接: mailto:
qq 链接:
<a href="mailto:3407202787@qq.com">点击联系我</a>

二、超链接的属性

2.1 href属性

href是超链接中必须存在的属性,用于链接到目标页面的url地址。

2.2 target属性

target属性是跳转到目标页面的方式,在使用中可以省略,html默认在原本的页面中打开,即 target=“_self” (目标页面将会覆盖原始页面)。也可以 target=“_blank” 这样使用,会自动打开一个新页面来打开目标页面(原始页面还会存在)。

2.3title属性

title 是超链接的介绍属性,刚鼠标光标移到设置了 title 属性的超链接上,会显示 title 属性值的内容。

三.常用的特殊符号转义

代码所转义的符号
&nbsp;空格
&copy;©
&quot;"
&lt;<
&gt;>
&ge;
&le;
转载请注明出处或者链接地址:https://www.qianduange.cn//article/6613.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!