你是不是又点开了一个不得了的链接……

<a>标签是啥

        简单嘛,做链接嘛!但是“a”是啥意思……一般来说,HTML里的标签名称一般都是特定英语单词的简称,而这个英语单词往往是它的功能的。“a”的什么的简称呢?“anchor”——锚的意思……现在的你是不是内心飘过千千万万个问号……是不是感觉学了假英语
今天我们先简单研究一些<a>标签除超链接外的功能

<a>标签最初的作用

        开门见山,让我们先举个例子:

<div id="demo"><!--id这一个属性值可以简单理解为命名的意思,以后会专讲-->
    demon
</div>
<br><!--此处省略多个<br>,可自行添加,添加越多结果越明显-->
<a href="#demo">find demon</a>

运行后,你会发现页面顶部出现“demon”的字样(<div>中的元素),而底部出现一个链接,单击,你会发现你到了页面顶部。
这就是<a>标签最初的作用:记录某个元素或整体的位置。在这个例子中,需要寻找记录叫做“demo”的位置。常见的例如“返回顶部”,还有一种比较常见的是目录——单击对应的链接跳转至固定文字位置。
当然,这个知识点将会留到以后继续细细道来,因为小编水平不高时机尚未成熟。

接地气的功能

        你浏览到一些网页时,你可能会注意到某些常用网站(像外卖啊快递啊)会有打电话的功能,当你点击你会发现电话可以直接打出去(话费小编不负责),这可能会是用<a>标签的电话功能:
<a href="tel:">打电话</a>
当然,也可以发邮箱,属性值为“mailto”

小结

        今天简单介绍了<a>标签的一些常用但比较高深的用法,我们以后会继续探讨。下一节我们将会主要探讨超链接的功能,回收我们上一节伏笔简单来说就是懒好了,话不多说快去试试吧!

下期预告:链接的故事

部分资料引用自百度

发表评论