加载失败，

链接和标签类型（Types of Link）

4月24日修改

2024年10月28日创建

1056

1296

<a>标签链接

链接跳转会使用：

1.
<a> 标签​

2.
监听某个元素的 click 事件，用 window.open 跳转​

3.
监听某个元素的 click 事件，用 location.href 跳转​

优先使用<a>标签，这种 HTML 链接用于可索引页面，来创建文本和图像的内部和外部域链接；搜索引擎能爬取，所以SEO友好​

文本链接

•

Absolute URL

链接至：https://www.domain.com/，锚文本：domain

<a href="https://www.domain.com/">domain</a>

•

Relative URL

将锚文本"Our Products"链接到网站上的"Products"页面

<a href="/products/">Our Products</a>

锚文本链接：带有锚文本（Anchor Text）的链接，一般锚文本是对应关键词；有助于搜索引擎理解链接内容并提升网站SEO

超链接（Html Hyperlink）：泛指所有可以直接点击的链接，包含锚文本链接，这里指锚文本是网址的超链接，SEO效果没有锚文本链接好

纯文本链接（Plain Text Link）：只包含网址，没有超链接功能；需要手动复制并粘贴网址才能访问对应页面

图片链接

可以通过在代码中嵌入<a>链接和 alt 标签来制作链接。alt 文本被搜索引擎用于理解图片的相关性，并在人们在网络上搜索该图片描述时引导他们到你的页面。信息图和公司 logo 是特别有价值的可以回链到你的网站的图片类型。你可以通过遵循以下基本结构来创建图片链接

电子邮件链接

链接和标签类型 （Types of Link）​