HTML <a> 标签

帆 2024-08-05 0 阅读 0 评论

  html<a>标签用于创建a元素(也称为“锚”元素)

  该a元素表示一个超链接。这通常是指向另一个文档的链接。

  您可以使用<a>标签链接文本或图像。如果需要,您还可以链接大量内容(甚至包含多个元素)——它不仅限于超链接单个元素。但是,必须没有“交互式内容”后代。

  标签<a>的写法为,属性<a href=""></a>的双引号之间是链接的URL href,开始和结束标签之间是锚文本(即用户看到的文本)。

  像这样:

  

<a href =“https://www.focusonseo.cn/”>时光荏苒 </a>

  例子:

  在新窗口(或标签页)中打开链接

  这里我们使用target="_blank"在新窗口中打开链接。

  

<a href =“https://www.focusonseo.cn/” target="_blank">时光荏苒 </a>

  重新加载新窗口

  这里我们在新窗口中打开多个链接,但不是为每个链接打开一个新窗口,而是为第一个链接打开一个新窗口,然后后面的链接将其内容加载到该窗口中。

  我们只需赋予target属性一个不存在的名称即可做到这一点(即,我们为窗口/选项卡编造自己的名称)。

  

<a href =“https://www.focusonseo.cn/” target="mytab">时光荏苒 </a>

  链接图像

  在这里,我们将其环绕<a>在图像周围以创建链接图像。

  <a href =“https://www.focusonseo.cn/ target="mytab">
  <img src="图片地址" alt="图片名称">
  </a>

  不让搜索引擎关注

  这里我们使用rel="nofollow"创建“nofollow”链接。这可以用来告诉搜索引擎您不认可链接另一端的内容。该nofollow属性值通常用于付费链接和广告。

  

<a href =“https://www.focusonseo.cn/” rel="nofollow">时光荏苒 </a>

  许多人将其称为“nofollow 标签”,但它实际上并不是一个标签。它甚至不是一个属性(该属性是rel)。该nofollow位只是属性的一个值rel。

  属性

  可以向 HTML 元素添加属性来提供有关元素如何显示或表现的更多信息。

  该<a>元素接受以下属性。

  href

  target

  download

  rel

  rev

  hreflang

  type

  referrerpolicy

  全局属性

  以下属性是所有 HTML 元素的标准属性。因此,您可以将这些属性与 标签<a>以及所有其他 HTML 标签一起使用。

  accesskey

  autocapitalize

  class

  contenteditable

  data-*

  dir

  draggable

  hidden

  id

  inputmode

  is

  itemid

  itemprop

  itemref

  itemscope

  itemtype

  lang

  part

  slot

  spellcheck

  style

  tabindex

  title

  translate

  有关这些属性的完整解释,请参阅HTML 5 全局属性。

  事件处理程序

  事件处理程序内容属性可让您从 HTML 中调用脚本。当发生某个“事件”时,将调用该脚本。每个事件处理程序内容属性处理不同的事件。

  onabort

  onauxclick

  onblur

  oncancel

  oncanplay

  oncanplaythrough

  onchange

  onclick

  onclose

  oncontextmenu

  oncopy

  oncuechange

  oncut

  ondblclick

  ondrag

  ondragend

  ondragenter

  ondragexit

  ondragleave

  ondragover

  ondragstart

  ondrop

  ondurationchange

  onemptied

  onended

  onerror

  onfocus

  onformdata

  oninput

  oninvalid

  onkeydown

  onkeypress

  onkeyup

  onlanguagechange

  onload

  onloadeddata

  onloadedmetadata

  onloadstart

  onmousedown

  onmouseenter

  onmouseleave

  onmousemove

  onmouseout

  onmouseover

  onmouseup

  onpaste

  onpause

  onplay

  onplaying

  onprogress

  onratechange

  onreset

  onresize

  onscroll

  onsecuritypolicyviolation

  onseeked

  onseeking

  onselect

  onslotchange

  onstalled

  onsubmit

  onsuspend

  ontimeupdate

  ontoggle

  onvolumechange

  onwaiting

  onwheel

  大多数事件处理程序内容属性可以在所有 HTML 元素上使用,但某些事件处理程序对其使用时间以及适用元素有特定的规则。

本文来源:重庆seo博客

本文地址:https://focusonseo.cn/htmlbiaoqian/129.html

文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为重庆seo博客原创文章,转载或复制请以超链接形式并注明出处。

上一篇:

下一篇:abbr 标签