在HTML中添加内部链接的初学者指南

使用ID属性标签创建页面书签

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

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

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

在文档中,确定你想要内部链接去哪里。 您可以使用带有id属性的锚标签来标记这些标签。 例如:

锚文本

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

锚链接

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

在这里

很多时候,你看到人们在没有任何东西的情况下使用这些链接,但是这并不像围绕在单词或图像周围的链接那样可靠。 许多浏览器喜欢在屏幕顶部放置一些元素; 当你不附上任何东西时,你冒着浏览器会感到困惑的风险。

一个链接返回到网页的顶部

当您想要在网页中添加远端链接以将查看器返回到页面顶部时,内部链接的设置很简单。 在HTML中,标签定义了一个链接。 href =之后是引用中的目标链接的URL(如果链接位于同一文档中,则为缩短的URL),然后是网页上可见的链接文本。 点击链接文本可将您发送到指定的地址。 使用这个语法:

链接文字