Skip to main content

如何添加内部HTML链接

第03讲 超链接href 图像image 表格table (六月 2025)

第03讲 超链接href 图像image 表格table (六月 2025)
Anonim

当您处理HTML文档并希望用户能够单击某个主题并立即将其传输到文档中的书签位置时,ID属性标记会派上用场。当您在文章顶部列出一系列主题,然后将每个主题链接到网页上的相关部分时,通常会发生这种情况。

HTML文档经常包含指向其他文档的外部链接,但它们也可以包含单个文档中的链接。单击一个标签可将阅读器传输到网页上的特定书签部分。最终,可以链接到文档中的精确像素位置,但是现在,您可以使用ID标记在文档中创建链接和位置。然后使用href去那里。一个标签标识目的地,第二个标签标识到目的地的链接。

注意:HTML 4及更早版本使用名称属性来形成内部链接。 HTML 5不支持name属性,因此使用ID属性。

在文档中,确定内部链接的位置。您可以使用带有id属性的anchor标记来标记这些标记。

接下来,使用anchor标记和href属性创建指向文档部分的链接。用#指示命名区域。

诀窍是确保将<a>放在文本或图像周围。

很多时候,你会看到人们使用这些链接而不包围任何东西,但这不像围绕一个单词或图像的锚那样可靠。许多浏览器喜欢在屏幕顶部放置一些元素;如果你什么都没有,你就冒着浏览器会混淆的风险。

返回网页顶部的链接

如果要在网页中向下添加链接以将查看器返回到页面顶部,则可以轻松设置内部链接。在HTML中,标记定义了一个链接。 href =后跟引号中的目标链接的URL(如果链接在同一文档中,则为缩短的URL),然后是网页上可见的链接文本。单击链接文本将使用以下语法将您发送到指定的地址:

链接文字