进一步了解 a元素 ,锚点,链接

a元素 (或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说,a元素不是一个链接,而是超文本锚点,可以链接到一个新文件、用id属性指向任何元素。如果a元素没有href属性的话,可以作为原本链接位置的占位符,常用于home链接


href属性表示地址,共包括以下3种:

1、链接地址

<a href=”http://www.baidu.com”>百度</a>


2、下载地址

<a href=”test.zip”>下载测试</a>


3、锚点

(1)href:#id名

<a href=”#test”>id test</a>

4、手机号码


在移动端,使用<a href=”tel:0755-89812581>0755-89812581</a>可以唤出手机拨号盘


5、邮箱


<a href=”mailto:ya166@126.com” target=”_blank”  rel=”nofollow”>E-mail</a>

可以自己跳转到邮箱对话窗,被连接邮箱需要设置开启该功能


6、QQ


<a href=”tencent://Message/?Uin=492372539&amp;websiteName=q-zone.qq.com&amp;Menu=yes” target=”_blank”>QQ咨询</a>

可以自己跳转到QQ对话窗,被连接QQ需要设置开启该功能

target属性表示链接打开方式

  • _self    当前窗口(默认)
  • _blank    新窗口
  • _parent 父框架集
  • _top 整个窗口
  • _framename 指定框架

rel属性表示表示链接间的关系

  • alternate   相较于当前文档可替换的呈现
  • author      链接到当前文档或文章的作者
  • bookmark    链接最近的父级区块的永久链接
  • help        与当前上下文相关的帮助链接
  • license     当前文档的许可证
  • next        后一篇文档
  • prev        前一篇文档
  • nofollow    当前文档的原始作者不推荐超链接指向的文档
  • noreferer   访问时链接时不发送referer字段
  • prefetch    预加载链接指向的页面(对于chrome使用prerender)
  • search      用于搜索当前文档或相关文档的资源
  • tag         给当前文档打上标签
浏览器从输入URL到渲染完页面的整个过程是怎么样的?
« 上一篇 2020年11月3日 上午12:00
用CSS3绘制一个爱心
下一篇 » 2020年11月3日 上午12:00