在html语言中超级链接使用什么标签,什么是超链接(详解什么是 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、什么是标签
标签定义超链接,用于从一张页面链接到另一张页面。
元素最重要的属性是 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-activ百思特网e,也就是我们常说到的LoVe HAte原则(大写字母就是它们的首字母)。
老外总结了一个便于记忆的“爱恨原则”(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 之后,才是有效的。
本文地址:https://www.best73.com/news/46235.html
在html语言中超级链接使用什么标签,什么是超链接(详解什么是 HTML 中的超链接标签 a)...相关推荐
- python3中超级好用的日志模块-loguru模块详解
一. 使用logging模块时 用python写代码时,logging模块最基本的几行配置,如下: import logging logging.basicConfig(level=logging.I ...
- Vim 中的 Tab 键与空格键相关配置项详解
Vim 中的 Tab 键与空格键相关配置项详解 文章目录 Vim 中的 Tab 键与空格键相关配置项详解 0. 参考资料 1. Tab 键与空格键的配置项 2. 实例演示 0. 参考资料 Tabs a ...
- linux mv复制命令,linux中删除复制移动文件rm,mv,cp命令详解linux操作系统 -电脑资料...
在linux中对文件的复制删除移动分别会使用到rm,mv,cp三个命令,下面我来给大家介绍一下rm,mv,cp命令对文件的常规操作吧, 先看实例 删除复制移动文件命令 Linux代码 rm -rf / ...
- [ASP.NET]ASP.NET中的Inherits、CodeFile、CodeBehind的区别详解及OWIN及IDENTITY
篇一 : ASP.NET中的Inherits.CodeFile.CodeBehind的区别详解 Inherits.CodeFile.CodeBehind 在 ASP.NET 中使用代码隐藏方法来设计W ...
- 详解Linux2.6内核中基于platform机制的驱动模型
原文地址:详解Linux2.6内核中基于platform机制的驱动模型 作者:nacichan [摘要]本文以Linux 2.6.25 内核为例,分析了基于platform总线的驱动模型.首先介绍了P ...
- 电容的q值计算公式_在设计电路中电容容量大小、耐压等级选取详解 (转)
原文链接:在设计电路中电容容量大小.耐压等级选取详解 作者:张飞 电容的计算 我们对电容的计算,目的是要知道,我们在电路中需要一个多大的电容.为什么要需要 这么个电容?它的电压要多高?它的容量要多大? ...
- php 内存池,内存详解: 详解PHP内存池中的存储层_php
php的内存管理器是分层(hierarchical)的.这个管理器共有三层:存储层(storage).堆(heap)层和 emalloc/efree 层.存储层通过 malloc().mmap() 等 ...
- thinkphp3.1.3 getshell_C# / VB.NET 在PPT中创建、编辑PPT SmartArt图形的方法详解_C#教程...
本文介绍通过C#和程序代码来创建和编辑PPT文档中的SmartArt图形.文中将分两个操作示例来演示创建和编辑结果. 使用工具:Spire.Presentation for .NET hotfix 5 ...
- php中单引号,php中的单引号、双引号和转义字符详解
PHP单引号及双引号均可以修饰字符串类型的数据,如果修饰的字符串中含有变量(例$name):最大的区别是: 双引号会替换变量的值,而单引号会把它当做字符串输出. 例如: 结果: 字符串$name 字符 ...
- SVM中拉格朗日乘子法、KKT条件、对偶问题详解
SVM中拉格朗日乘子法.KKT条件.对偶问题详解 创作目的 1.SVM回顾 2.拉格朗日乘子法 3.KKT条件 4.对偶问题 强对偶性证明 总结 创作目的 我是机器学习初学者,目前正在上机器学习课,老 ...
最新文章
- 为什么 JSP 还没有被淘汰?
- jquery eaayui 学习(三)tab
- vue @click 赋值_vue 手写一个时间选择器
- 【PAT】A1060 Are They Equal *
- ORACLE系列异常总结ORA
- 鸿蒙轻内核源码分析:虚拟文件系统 VFS
- 超越cookie - 使用DOM sessionStorage和localStorage来保存更多信
- 【2021杭电多校赛】2021“MINIEYE杯”中国大学生算法设计超级联赛(6)签到题2题
- 算法复杂度(2):常用数据结构的时间复杂度和空间复杂度 统计
- L1-033__040
- jieba 中文分词
- sklearn中多种编码方式——category_encoders(one-hot多种用法)
- H3C的前世今生及它的基础配置
- 华清远见嵌入式Linux就业培训班
- 应对Apple Music断续费后歌单被删除的一个解决方案
- Python九宫格切图创意出圈—点赞,点赞,点赞,超美滴
- 以太网芯片MAC和PHY
- A5SHB,A5SHB芯片三极管规格书
- 小白学机器学习西瓜书-第三章对数几率回归
- 【收藏】众多iOS开源资源库
热门文章
- python乒乓球比赛规则介绍_乒乓球标准场地介绍
- 【Android项目实战 | 从零开始写app(十三)】实现用户中心模块清除token退出登录信息修改等功能
- 网络时间的那些事及 ntpq 详解
- 世界最铁的两个国家,分裂后关系亲如一家
- 合泰单片机 | HT66F3195 | 个人库开发过程 | 【10】定时器
- 华为路由器设置端口/IP 映射
- Vue3.x v-html绑定html
- mysql dba知识点_MySQL DBA 常用手册小结
- php平台下的dedecms,网上最流行的php网站管理系统 DedeCMS V5.5 gbk 正式版正式发布(Build-0309)...
- 抖音seo软件工具技术搭建