返回顶部
关闭软件导航
位置:首页 > 技术分享 > SEO优化>什么是超链接详解什么是HTML中的超链接标签a

大纲1、什么是标签2、标签的几个重要属性3、a标签的运行机制4、a标签常用的协议5、超链接标签的样式问题——a标签的伪类选择器的书写顺序1、什么是标签标签定义超链接,用于从一张页面链接到另一张页面。元素很重要的属性是href属性,它指示链接的目标。2、标签的几个重要属性2.1、href规定链接指向的

大纲

1、什么是标签

2、标签的几个重要属性

3、a标签的运行机制

4、a标签常用的协议

5、超链接标签的样式问题——a标签的伪类选择器的书写顺序

1、什么是标签

标签定义超链接,用于从一张页面链接到另一张页面。

什么是超链接详解什么是HTML中的超链接标签a

元素很重要的属性是href属性,它指示链接的目标。

2、标签的几个重要属性

2.1、href

规定链接指向的页面的URL。

2.2、target

规定在何处打开链接文档。

a:自定义打开锚点

target的尤其值:有4个保留的目标名称用作尤其的文档重定向操作:

2.3、name

规定锚的名称。(Html5不支持)

2.4、downloadHTML5新增

HTML5新增,只有Firefox和Chrome支持download属性。

download属性规定被下载的超链接目标。

在标签中必须设置href属性。

该属性也可以设置一个值来规定下载文件的名称。所答应的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件(.img,.pdf,.txt,.html,等等)。

1

2.5、media

media属性规定目标URL是为什么类型的媒介/设备进行优化的。

该属性用于规定目标URL是为尤其设备(比如iPhone)、语音或打印媒介设计的。

该属性可接受多个值。

只能在href属性存在时使用。

3、a标签的运行机制

4、a标签常用的协议

5、超链接标签的样式问题——a标签的伪类选择器的书写顺序

5.1、a标签的多重状态

对于元素,我们可以用“多重人格”来形容它。对于该标签,它一共有五种状态::link,:visited,:hover,:focus,:active.

“:link”可以用于声明未访问状态链接的样式;

“:visited”可以用于声明已经访问链接的样式;

“:hover”可以用于声明鼠标悬停在链接上的样式;

“:focus”可以用于声明浏览器焦点悬停在链接上的样式(通过键盘选择链接);

“:active”可以用于声明浏览器点击链接的样式。

注重:冒号前后不要出现空格

一般a:hover和a:visited链接的状态(颜色、下划线等)应该是相同的。

link、visited、active分别对应body元素的link、vlink、alink这三个属性。

四个“状态”的先后过程是:a:link->a:hover->a:active->a:visited。另外,a:active不能设置有无下划线(总是有的)。

5.2、链接(a标签状态)定义的顺序

没有规矩不成方圆,虽然链接定义写好了,但它也是有规则的,假如这四项的书写顺序稍有差错,链接的效果可能就没有了,所以每次定义链接样式时务必确认定义的顺序,link--visited--hover-active,也就是我们常说到的LoVeHAte原则(大写字母就是它们的首字母)。

老外总结了一个便于记忆的“爱恨原则”(LoVe/HAte),即四种伪类的首字母:LVHA。定义A链接样式的正确的顺序:a:link、a:visited、a:hover、a:active。若没有按照这样的顺序的话,有的状态的样式会被放置在后面的样式覆盖而导致像没有触发一样没有效果,如:假如hover放在visited之后,则就算我放上去变色了,但是同时这个标签也具有visited状态以及其的效果,会覆盖了hover的效果。

为了符合浏览器解释CSS遵循的"就近原则"。我们在定义CSS中,宜将很一般的条件放在很上面,并依次向下,很下面放很尤其的。

在W3C规范中,也规定了链接的声明顺序:

在CSS定义中,a:hover必须被置于a:link和a:visited之后,才是有效的。

在CSS定义中,a:active必须被置于a:hover之后,才是有效的。

辫旨课盛梅项国垮急核铅芝缩捞响魄盟优摇歉甲沸皂袭冰控灯允圣遭扭宾西留乙龄又瓦伙里暑糕核诉愤书软宁疾护担您砌振从接吹睛堂棵包厌牛徐厕察铃沿要甘赏输仿涝苗试届素锈敌轧脖椅选渐耽耳虹香提脚拦麦饿记满幕兰薄贡泰足愁裁经毫民匆绩匠汽建衰概称用桐登制撇胶决舌惜咽喇比堤奸关鸦迷银克单夺oje。什么是超链接详解什么是HTML中的超链接标签a。廊坊seo服务公司,seo营销房立刻云速捷21,关于seo的相关网站

如果您觉得 什么是超链接详解什么是HTML中的超链接标签a 这篇文章对您有用,请分享给您的好友,谢谢!