网站和其他形式的通信媒体之间的主要区别之一是“链接”或超链接的概念,因为它们在网络设计术语中是技术上已知的。
除了帮助使网络成为现在的样子之外,链接和图像很容易成为网页上最常添加的内容。值得庆幸的是,这些项目很容易添加(只有两个基本的HTML标记),它们可以带来兴奋和交互性,否则将是纯文本页面。在本文中,您将了解(锚)标记,它是用于添加网站页面链接的实际HTML元素。
添加链接
链接在HTML中称为锚点,因此表示它的标记是A标记。通常,人们只是将这些添加内容称为“链接”,但锚点实际上是添加到任何页面的内容。
添加链接时,您必须指向用户在单击或点按(如果他们在触摸屏上)链接时要访问的网页地址。您可以使用属性指定它。
该 HREF attribute代表“超文本引用”,其目的是指定您希望该特定链接转到的URL。如果没有这些信息,链接就没用了 - 它会告诉浏览器应该将用户带到某个地方,但它不会有“某处”所在的目的地信息。这个标签和这个属性齐头并进。
例如,要创建文本链接,请编写:
将成为链接的文本
因此,要链接到About.com Web Design / HTML主页,您需要编写:
Lifewire
您可以在HTML页面中链接几乎任何内容,包括图像。只需将您希望与之链接的HTML元素或元素包围起来即可
和 标签。你也可以通过省略来创建占位符链接 HREF 属性 - 但只是确保稍后返回并更新href信息,否则链接在访问时实际上不会执行任何操作。
HTML5使链接块级元素(如段落和链接)变得有效 DIV 元素。您可以在更大的区域(如分区或定义列表)周围添加锚标记,并且整个区域将是“可点击的”。当尝试在网站上创建更大的,手指友好的命中区域时,这可能特别有用。
添加链接时要记住的一些事项
- 决赛 标签是 需要。如果您忘记包含它,则链接后的所有内容也将被链接,直到另一个链接关闭标记。
- 大多数情况下,最好是链接单个图像和短跨度文本,而不是大块文本。链接可以为页面添加颜色和下划线样式,这些样式很难阅读。当然,你可以使用CSS来改变这些链接样式并编辑颜色或删除下划线,但是要注意这个现实仍然是好的。
- 请务必检查您的链接,以免它们变坏。 Link Rot可以使用户和搜索引擎都认为您的网站无效。定期使用链接检查程序验证您网页上的链接。当您链接到第三方网站(您未管理的网站)并且可能会超时更改其网页时,尤其如此,这会留下您的死链接。链接检查器将找到这些死链接,以便您可以进行任何必要的更新。
- 避免在链接中使用“点击此处”等文字。请记住,拥有触摸屏的人不能“点击”,因此文本感觉就像是过去时代的产物,而且在今天的多设备中心网络中真的不相关。
其他有趣的链接类型
该 一个 element创建到另一个文档的标准链接,但是您可能感兴趣的还有其他类型的链接:
- 内部链接或锚点 - 这些链接指向网页中的某个位置,不一定是顶部。
- 图像映射 - 图像映射允许在映射到图像特定区域的图像上创建链接。这些可用于游戏或创意导航。您经常会看到地图上可以点击地图的地图。请注意,大多数现代网站都不使用图像映射,部分原因是它们可能会导致移动设备出现问题。
- 元素 - 此元素用于将其他文档和页面与当前文档和页面相关联。它不会在您的网页上创建可点击区域,但理解它很有用。