您好!欢迎来到静学网! 注册 登入
  • 致力中国及国外独立搜索引擎技术及第三方网站搜索引擎SEO排名研究

深入解析html中<a>标签属性的作用及使用方法

课程目录 卢育永 次浏览
今天是HTML的第五节课,终于讲到了<a>标签了,别小看<a>标签的价值,在整个html网页设计中占有重要地位,它能使整个网页之间形成一个相互连接的网状结构,使得人们在浏览网页的时候,可以随意的在各个不同的网站之间进行来回跳转,在SEO优化中所占的比例也是蛮大的,<a>标签说起来,它的使用是很广泛的,比如说伪类选择器,可能下一节将选择器,我们鼠标滑过某些字体时就变色,这通常是运用了伪类选择器,大家可以看到我的导航栏目,鼠标一滑过就变成绿色,这就是<a>标签属性的一个具体运用。
 
从简单开始介绍<a>标签属性,官方定义<a>为超链接,是用于从一张网页链接到另一张网页,还有另一种说法就是我们常说的“锚”,什么是锚,相信很多新手包过老油条也不一定是什么意思,这不是开玩笑,随便问一个就不能给出清晰的解释。广义来讲“锚”是停船所用的工具,就是我们说的抛锚,而在网页中则不然,“锚”就是一个转接点,就是一个中转站,一般分为两种类型,一种是直接链接网址,另一种是标记文档,也就是结合关键词做的链接,这样大家就容易区分了,比如<a>标签属性的作用是什么,我把<a>标签属性加入链接,这就是锚,而以网址的形式存在则称为“链接”。
<a>标签的作用
这节课先不讲关于seo优化方面的,先把简单的解决了再说,在解决SEO技术问题,把基础打牢,才能走得更远。我们先把<a>相关属性说一遍, <a>标签属性是有很多的,我们常见不过是<a href=””><>/a>这种格式,其实<a>标签还有很多属性,如charset、coords、download、href、hreflang、media、name、rel、rev、shape、target、type等,在全局属性和事件属性中则更加多了,这里会筛选比较常用的一些属性进行实战演练,详细说明具体的应用,特别是事件属性,会着重讲解,因为这是今后大家用得最多的,大家如今看到各大网站的导航中,这个标签占有重要地位。
charset是规定字符集,现在不常用,所以这个不重要,现在主流的浏览器中都不支持了,所以大家可能很少见,这是正常的,使用方法<a charset="utf-8" href="http:// www.seojingxue.com ">www.seojingxue.com</a>。
 
download属性是下载的意思,用法是<a href="/i/w3school_logo_white.gif" download="w3logo">下载</a>,点击下载即可。
 
coords是链接坐标的意思,在<map></map>之间,若形成点击可与<area>标签形成可点击对象。
<object data="1.jpg" alt=" " type="  " usemap="  ">
  <map name="  ">
  <a href="/ " shape="rect" coords="0,0,110,260">Sun</a>
  <a href="/ " shape="circle" coords="129,161,10">Mercury</a>
  <a href="/ " shape="circle" coords="180,139,14">Venus</a>
  </map>
</object>
 
这个也是不常用的,好了今天就先到这,下节会将与<area>标签的运用,<a>说起来来也很简单,我们用的不多,后面会归纳总结提炼,这里是给大家开开眼界,更多SEO技术教程关注SEO精学网。
 

静学网 , 版权所有丨如未注明 , 均为原创丨转载请注明深入解析html中<a>标签属性的作用及使用方法
顶一下
(0)
踩一下
(0)
友情链接:
网站优化
本网站所刊载信息,不代表静学网观点。 刊用本网站稿件,务经书面授权或注明来源。 未经授权禁止转载、摘编、复制及建立镜像,违者将依法追究法律责任。 投稿邮箱:1870447831@qq.com | 举报邮箱:1870447831@qq.com