网页上的链接或锚点
网站和其他形式的传播媒体之间的主要区别之一是“链接”或超链接,因为它们在网页设计术语中是技术上已知的。
除了帮助制作网站今天的内容之外,链接和图像也是网页上最常见的添加内容。 比较而言,这些项目很容易添加(只有两个基本的HTML标签 ),它们可以带来兴奋和互动,否则将是纯文本页面。 在本文中,您将了解(锚点)标记,这是实际的HTML元素用于添加链接到网页的页面。
添加链接
链接被称为HTML中的锚点,因此用于表示它的标签是A标签。 通常,人们只是将这些附加内容称为“链接”,但是锚点实际上是被添加到任何页面的。
当您添加链接时,您必须指向用户点击或点按(如果它们位于触摸屏上)链接的网页地址。 您可以使用该属性指定。
href属性代表“超文本引用”,其目的是指定你想要特定链接去的URL。 如果没有这些信息,链接将毫无用处 - 它会告诉浏览器用户应该被带到某个地方,但它不会将目的地信息提供给“某处”应该在的地方。 这个标签和这个属性是齐头并进的。
例如,要创建文本链接,请写下:
因此,要链接到About.com网页设计/ HTML主页,请写下:
您可以链接HTML页面中的几乎任何内容,包括图像 。 只需包围您希望与和标签建立关联的HTML元素或元素即可。 您还可以通过忽略href属性来创建占位符链接 - 但只要确保稍后返回并更新href信息,或者该链接在访问时不会实际执行任何操作。
HTML5使链接块级元素(如段落和DIV元素)有效。 您可以在更大的区域周围添加定位标记,例如分区或定义列表,并且整个区域都是“可点击的”。 当试图在网站上创建更大的,手指友好的命中区域时,这可能特别有用。
添加链接时需要记住的一些事项
- 最后的标签是必需的 。 如果您忘记包含该链接,则链接后面的所有内容也都会链接到另一个链接关闭标签。
- 大多数情况下,最好链接单个图像和短文本,而不是大块文本。 链接可以向您的页面添加颜色和下划线样式,难以阅读。 当然,您可以使用CSS来更改这些链接样式,编辑颜色或删除下划线,但留意这一现实仍然很好。
- 确保检查你的链接,以便它们不会变质。 链接腐烂可以使用户和搜索引擎认为你的网站无效。 定期使用链接检查器来验证页面上的链接。 当您链接到第三方网站(您不管理的网站)并且可能会更换他们的网页时,尤其会出现这种情况。 链接检查器会发现这些死链接,以便您可以进行必要的更新。
- 避免在链接中使用“点击此处”等文字。 请记住,拥有触摸屏的人不能“点击”,这样文本就像过去时代的产品,而且在今天的以多设备为中心的Web上确实不相关。
其他有趣的链接类型
A元素创建一个到另一个文档的标准链接,但是您可能还有其他类型的链接: