html中<a>标签的使用

        我们对web页面的超链接部分都不陌生其实很简单,我们一下将说明超链接标签<a>的使用。

        首先,我们看一个连向外部连接的例子:             

<a href="http://www.baidu.com./ ">百度一下,就知道</a>

        我们看了上面的外连接,不免会想到,那么肯定还有的用途的吧,不要慌我们接下来讲解。

        它的链接用途:

        1、定位到外部源锚点。

        2、定位到web自身的特定锚点。

        3、定位到E-mail锚点。


        我们上面的示例即为一个定位到外部锚点的讲解,也比较简单,不再讲解。

        那么对于第二种的定位到web自身的锚点的方法也很简单,主要用到<a>的两个特性id,name(name特性是早期html版本中使用较多的,在不久的将来将被遗弃)。

        示例:

       

<a id="JumpToHere">定位到这个地方</a>

<a href="#JumpToHere" >点击我,跳转</a>

        这个实例说明了定位到web自身的特定锚点。

        我们再用一个实例来说明定位到E-mail锚点的方法。

        示例:

<a href="mailto:example@qq.com" >打开本机的一个跳转到该邮箱的工具</a>

备注:此种跳转邮箱的方法不安全。


        下面我们讲解<a>的其他一些特性。


        1、accesskey 这个特性用于创建一个快捷键打开此链接(通常是ctrl键或者alt键+其他的一个键)根据操作系统而定。

        2、charset 特性只是url指向的文档的字符编码。如UTF-8,或者ISO-8859-1.

        3、coords特性 当源锚点包含图像时,使用此特性。使用该特性可以创建所谓的图像映射,coords值一组坐标x,y,用于只是图像的哪一部分内容指向该链接。

        4、hreflang特性 指定源链接所指向网页的的语言。

        5、rel特性 指定当前文档与href特性所指向资源之间的关系(当前主流浏览器都不知用该特性)。

            rel特性的几个特性值说明:



         6、rev特性 和rel特性基本上一样。区别:rev特性用于指定目的地文档与源锚点文档之间的关系(当前主浏览器基本上都不支持此特性)。

         7、shape特性 只是可作为单击热点区域的图像的形状。

         8、tabindex特性 大家众所周知,不必过多赘言,即按tab键的索引。

         9、target特性 用于只是连接文档在何位置打开。target特性值的属性有:_blank (浏览器总在一个新打开、未命名的窗口中载入目标文档。),_seft(这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。),_parent(这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。),_top(这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。)

        10、title特性 以文本提示的方式为用户提供良好的用后感受(设置该属性后,鼠标放上会提示title信息)。

        11、type特性 指定链接的MIME类型。MIME类型类似于文件的扩展名,但能够更好的在不同操作系统之间通用。(只能在 href 属性存在时使用。)


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值