向网页添加链接

网站和其他形式的传播媒体之间的主要区别之一是“链接”的概念,即在网页设计术语中技术上已知的超链接。...

网站和其他形式的传播媒体之间的主要区别之一是“链接”的概念,即在网页设计术语中技术上已知的超链接。

Arroba Sign with Chain

除了有助于使web成为今天的样子之外,链接以及图像很容易成为网页上最常见的添加内容。谢天谢地,这些项目很容易添加(只需两个基本的HTML标记),它们可以为纯文本页面带来兴奋和交互性。在本文中,您将了解(锚定)标记,它是用于向网站页面添加链接的实际HTML元素。

添加链接

链接在HTML中称为锚点,因此表示它的标记是A标记。通常,人们只是简单地将这些添加称为“链接”,但锚定是实际添加到任何页面的内容。

添加链接时,必须指向用户在单击或轻触(如果他们在触摸屏上)该链接时希望他们访问的网页地址。您可以使用属性指定该属性。

href属性代表“超文本引用”,其目的是指定您希望该特定链接指向的URL。如果没有这些信息,链接是无用的,因为它会告诉浏览器用户应该被带到某个地方,但它不会有“某个地方”应该在哪里的目的地信息。这个标签和这个属性是齐头并进的。

您几乎可以链接HTML页面中的任何内容,包括图像。只需围绕HTML元素或您希望成为和标记链接的元素。您也可以通过省略href属性来创建占位符链接,但请确保稍后返回并更新href信息,否则该链接在被访问时实际上不会起任何作用。

HTML5使链接块级元素(如段落和DIV元素)变得有效。您可以在更大的区域周围添加锚定标记,如分区或定义列表,整个区域将是“可单击的”。当试图在网站上创建更大的、手指友好的点击区域时,这尤其有用。

添加链接时要记住的一些事情

  • 最后一个标签是必需的。如果忘记包含它,则该链接后面的所有内容也将被链接,直到另一个链接关闭标记。
  • 大多数情况下,最好链接单个图像和短文本,而不是大文本块。链接可以为页面添加难以阅读的颜色和下划线样式。当然,您可以使用CSS来更改这些链接样式、编辑颜色或删除下划线,但记住这一点仍然是好的。
  • 一定要检查你的链接,这样它们就不会坏掉。链接腐烂可以使用户和搜索引擎都认为你的网站无效。定期使用链接检查器来验证页面上的链接。当你链接到第三方网站(你不管理的网站)时,这一点尤其正确,因为这些网站可能会随着时间的推移而改变页面,给你留下死链接。链接检查器将查找这些死链接,以便您可以进行任何必要的更新。
  • 避免在链接中出现“单击此处”之类的文字。记住,使用触摸屏的人不能“点击”,所以文本感觉像是过去时代的产品,在今天以多设备为中心的网络中真的不相关。

其他有趣的链接类型

A元素创建指向另一文档的标准链接,但您可能会对其他类型的链接感兴趣:

  • 内部链接或锚定:这些链接指向网页中的某个位置,不一定是顶部。
  • 图像映射:图像映射允许在映射到图像特定区域的图像上创建链接。这些可用于游戏或创意导航。你经常看到他们在地图上的区域是可点击的。请注意,大多数现代网站都不使用图像地图,部分原因是它们可能会在移动设备上造成问题。
  • 元素:此元素用于将其他文档和页面与当前文档和页面关联。它不会在你的网页上创建一个可点击的区域,但是理解它很有用。

  • 发表于 2021-09-04 23:59
  • 阅读 ( 126 )
  • 分类:IT

你可能感兴趣的文章

mac的safari快捷方式备忘单

...备忘单包含几个键盘快捷键以及用于处理选项卡、书签、网页内容等的基于链接的快捷键。当你在网上冲浪时,这些快捷方式可以节省你大量的时间。 ...

  • 发布于 2021-03-18 02:52
  • 阅读 ( 227 )

4种在ipad上组织和管理web内容的方法

...你可以尝试很多更好的方法。使用哪一个取决于您希望对网页执行的操作。我们将向您展示如何利用这些工具在iPad上组织web内容,并成为一名生产力超级英雄。 ...

  • 发布于 2021-03-21 17:15
  • 阅读 ( 291 )

如何在iphone和ipad上快速向apple notes添加链接、照片和媒体

...笔记)中收集所有链接和提示。 首先,在Safari中导航到网页,然后点击Share按钮。 在这里,点击应用程序部分的“备注”选项。如果您在这里没有看到Notes应用程序,请一直滑动到列表末尾,然后点击“更多”按钮添加它。有...

  • 发布于 2021-04-02 03:56
  • 阅读 ( 349 )

如何在microsoft word中插入、删除和管理超链接

...rd文档中**、管理和删除不同类型的超链接。 **指向外部网页的超链接 您可以将word文档中的单词或短语链接到外部网页,它们的工作方式与您在web上找到的链接非常相似。首先,在web浏览器中加载要链接到的网页。您只需要复...

  • 发布于 2021-04-05 08:12
  • 阅读 ( 173 )

如何向snapchat快照添加链接

...链接的快照时,你会在底部看到URL标题。向上滑动以加载网页。 然后你可以正常浏览网站,或者,如果你想复制链接或在其他应用程序中打开它,点击右下角的蓝色共享按钮。 向下滑动可返回查看快照。

  • 发布于 2021-04-07 12:11
  • 阅读 ( 84 )

最有用的书签,以提高您的浏览体验

...放置在浏览器工具栏上的JavaScript链接,用于向浏览器或网页添加一键式功能。它们是免费的,有助于使浏览器中的重复任务更快、更容易执行。 使用bookmarklet为浏览器添加功能,例如修改网页外观、从网页中提取数据以及在搜...

  • 发布于 2021-04-12 05:28
  • 阅读 ( 221 )

充分利用firefox的最佳提示和调整

...接和网址。您还可以在实际单击链接之前轻松预览链接和网页,并将URL作为工具提示查看,而不是在状态栏中显示URL。 我们还在下面列出了一个扩展,它允许您轻松地创建缩短的URL,以便发送电子邮件给朋友或在论坛或社交网...

  • 发布于 2021-04-12 12:03
  • 阅读 ( 212 )

如何将googlecall小部件添加到任何网页

...制“嵌入”字段中的所有文本。这是你将放入你的博客或网页的代码。 在您最喜爱的HTML编辑器中打开要添加Call小部件的网页。在HTML代码中找到希望Call小部件出现的位置,例如在sales页面或侧边栏上。粘贴在步骤8中复制的代码...

  • 发布于 2021-04-12 21:40
  • 阅读 ( 137 )

如何将实时网页添加到powerpoint演示文稿

...owerPoint演示中演示一个实时网站?下面是如何将一个实时网页**到PowerPoint演示文稿中,以便显示您正在谈论的确切内容。 不管你在做什么样的演讲,有时从网上向听众展示信息是很有用的。你可以为你演示的网页创建一个截图...

  • 发布于 2021-04-13 08:23
  • 阅读 ( 227 )

在ie 8中通过windows live hotmail发送文本和链接

...在出现辅助窗口时确认安装。 要通过电子邮件发送特定网页的链接,请右键单击网页中的某个位置,然后选择“使用Live mail发送”。 新的选项卡将打开,新的预填电子邮件已准备就绪。您需要添加的只是收件人的电子邮件地...

  • 发布于 2021-04-13 14:09
  • 阅读 ( 164 )
yb8znw9afc9eo6
yb8znw9afc9eo6

0 篇文章

相关推荐