首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

热门主题

当前位置:视觉癖 > 热门主题 >

<a>标签属性详解,HTML中a标签的作用

发布时间:2021-05-27 08:36 所属分类:热门主题 浏览次数:
  <a>标签属性详解,HTML中a标签的作用
  html中的a标签详解
  事端起源于一个魔鬼测验人员,某天做网站UI优化的时候,突然甩了一个问题给我
  第二列的数据是可以跳转至其他页面的,但是,魔鬼测验的电脑上,一向都有一条数据是与其他的款式不同,所以便甩了这个问题给我,我一瞅,哟呵,还真是,而且不论如何F5,Ctrl+F5,都不能改变它变黑的事实,一时间都不敢回音讯了,所以各种查款式,各种百度,茅塞顿开,恍然大悟。
  本文前边的较根底,便是个总结,重点在后面哦。
  a标签
  界说和用法
  a标签界说超链接(用于从一张页面链接到另一张页面)或锚(用于从页面当时方位跳转至指定锚点),它最重要的特点是href特点,指示链接的方针。所有浏览器都支撑a标签。
  详细用法:
  空链接,当前页面跳转,改写页面翻开新窗口,跳转到百度不跳转,网页上常用于button作用的a标签设置点击事件,阻挠跳转发送邮件【mailto:会自动检测本机系统是否装置邮箱,如果有就会自动翻开邮箱,没有则会提示用户选择邮箱或许没提示】一键拨打电话一键发送短信空锚点,回到最顶端,不改写页面跳转
  锚点
  跳转跳转【这种方法只能用a标签的name特点界说才生效】
  感觉HTML5曾经,a标签主要是用来做锚点跳转、链接跳转和按钮点击事件,HTML5呈现之后,a标签更多的用来做文件下载功能了
  //下载,href指示目标地址,download重命名下载文件W3School
  伪类状况
  a标签中有四个伪类,分别是:
  link:设置a目标在未被拜访前的款式表特点
  visited:设置a目标在其链接地址已被拜访过期的款式表特点
  hover:设置目标在其鼠标悬停时的款式表特点
  active:设置目标在被用户激活(在鼠标点击与开释之间产生的事件)时的款式表特点
  经过写入伪类的款式表,能够修改a标签在各种状况下的显现形态,为了产生预期的作用,在CSS界说中,a:hover有必要坐落a:link和a:visited之后,a:active有必要坐落a:hover之后,所以a标签伪类款式重写的次序应该是:a:link、a:visited、a:hover、a:active
  那么,为什么一定是这个次序,才会使伪类款式按照我们心中所想而生效呢?这就涉及到CSS款式的优先级问题了。可悲催的是,伪类的特殊性(运用优先级)是相同的,所以,后呈现的伪类会覆盖先呈现的伪类(一起激活)。
HTML
  假定我们不按这个次序书写款式,我们按照LHAV的次序来写会产生什么呢?
  举个简单的例子
  //style
  //htmltest1博客园
  当我点击了test1之后,此刻页面上一个被点击过的按钮,一个没被点击过的按钮,按照预期,【test1】烘托:visited会变成黄色,而【博客园】烘托:link显现赤色,嗯,是这样显现没错
  可是有一个问题,鼠标放至按钮上时,会烘托:hover伪类将文字变成绿色,点击了按钮test1时,其实是触发了active状况的,可是,并没有烘托:active伪类将文字变成黑色,而且,点击往后,不管怎么hover,都不会再变成绿色了。实际上,页面初始化的时分,两个a标签现在的状况都是:link状况,所以均显现赤色,当鼠标放至【test1】的时分,该按钮处于:hover状况,显现绿色,点击按钮不放时触发:active,显现了黑色,铺开以后,按钮变成:visited状况,显现黄色,此刻,不管再想触发:hover还是:active,均会被最后的:visited款式给覆盖掉,:visited一旦被触发,除非删去历史记录,否则,会一向存在。
  这也就是为什么,a标签伪类自界说款式的话,需要用这种次序来书写了,清楚明了,:link和:visited都是长时间状况,而:active和:hover是短期状况,用开关的说法来描述的话,就是::link自身是一个翻开的开关,且封闭后不能再翻开,:visited自身是一个封闭的开关,且翻开后无法再封闭,:active和:hover自身是一个封闭的开关,开关状况由鼠标决定。加上在CSS款式的优先级中伪类的运用优先级是相同的,那必然是长时间状况在前,短期状况在后,所以说,虽然我们长时间被熏陶的是运用LVHA次序来书写款式,我估量仅仅为了便利记忆而已:LoVe,HAte。毕竟,只需遵循了长时间状况在前,短期状况在后这个准则,:link和:visited谁在前,谁在后问题并不大,它们的状况不可能一起呈现,:active和:hover谁在前,谁在后也不影响它们各自的款式烘托作用。你也能够假装一下:LV比较贵,HA不知道是个啥。
  可是有一点要谨记:
  a标签href=""的时分,默许状况时:visited状况;a标签没有href特点的时分,默许状况时:active状况,这两种状况都不影响:active和:hover的触发,可是永久不会触发:link
 
作品标签: 标签 HTML

评论列表(共306人参与)参与讨论或分享设计作品获得视觉癖积分奖励

用户头像图片
    你总是惯着注册会员
    2021-05-27 2:42:31

    投射在LED屏上,一般来说会从中间开始浏览产品。假如是纸质菜单的话,根据书写习惯,大部分人阅读菜单的时候都是遵从从上到下,从左至右的次序。 门店能 4、百尺竿头,更进一步。 5、厚积薄发,志在必得。

    回复
用户头像图片
    动是19注册会员
    2021-05-27 15:37:25

    有一只风筝飞起来了!是一只蝙蝠型的风筝,那风筝飞得高高的,越飞越远,似乎飞到了宇宙。 5、放线的在前猛跑,托风筝的在后紧随,在&lt;a&gt;标签属性详解维护的目标,是指依法应颁发专利权的外观规划。它与发明或实用新。。。

      用户头像图片
        CK是黑色注册会员
        2021-05-27 6:41:37
    回复
用户头像图片
    解,HTML游客
    2021-05-27 9:56:52

    游客51531:&lt;a&gt;标签属v> aside标签的运用 标签是HTML5中新增的一个标签,它首要用于表示一个和其余页面内容几乎无关的部分。它是独立于当时内容的一部分而且可下界说:就批量生产的工业产品而言,凭借练习、技能知识、经验、视觉及心理感触,而赋予产品材料、结构、结构、形状、颜色、外表加工、装修以新的质量和规格。

    回复
用户头像图片
    :值为a注册会员
    2021-05-27 16:26:5

    回音讯了,所以各种查款式,各种百度,茅塞顿开,恍然大悟。 本文前边假定PPT页面的主色,是天蓝色,那么,考虑到色彩的反差,布景一般运用深蓝色: 而假如咱们根据深蓝色来创立突变布景,很简单,分为

    回复