--------------
Web 标准开发,指的是 XHTML 1.0 中的定义
--------------

开始标签:必需,结束标签:必需

属性定义:

name = cdata [区分大小写]
该属性命名当前锚,这样就可以被其它链接传递。该属性值必须是唯一的锚名。该名称仅在当前文档中有效。注意,该属性和 id 属性共享命名空间。
href = uri [CT]
该属性指定 Web 资源的位置,因此在当前元素(源锚点)和通过该属性定义的目的锚点之间定义了一个链接。
hreflang = langcode [不区分大小写]
该属性指定了通过 href 指派的资源的基本语言,并且仅在 href 被指定的情况下使用(也就是说如果 A 中没有指定 href 属性,就不应该出现 hreflang 属性)。
type = content-type [不区分大小写]
该属性指定链接资源所采用的内容类型。例如网页通常为 text/html。
rel = link-types [不区分大小写]
该属性描述了从当前文档到通过 href 属性定义的锚点之间的关系。该属性值是通过空格分隔的 link 类型(值)的列表(在 Web 标准开发中,这个通常用来代替 target 属性,配合脚本,用来表示目的窗口)。
rev = link-types [不区分大小写]
该属性用来描述从通过 href 属性指定的锚点到当前文档的反向链接。该属性值是通过空格分隔的 link 类型(值)的列表。
charset = charset [不区分大小写]
该属性指定了通过链接指派的资源的字符编码。

其它属性:

* id, class (document-wide identifiers)
* lang (语言信息), dir (文本方向)
* title (元素标题)
* style (行间样式信息)
* shape and coords (图像地图)
* onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (内置/默认行为)
* target (目标框架信息)[注意,Web 标准开发中,已经不采用该属性]
* tabindex (选中的导航)
* accesskey (快捷键)

定义锚点:

在我们实际应用中,定义了 name 属性的,我们通常称之为锚点,定义了 href 属性的,我们称之为链接。锚点,可以看作是定义了一个被访问的点,而链接,则是通往某个点的出发点。当然,也可以同时定义 href 和 name 属性。

href 属性的使用我们一般都很熟悉,对于 name 属性的使用,例如:

<a name="anchor0"></a>
<a name="anchor1">anchor one</a>

定义锚点,默认情况下并不会在 anchor one 上产生“链接样式”,诸如下划线和颜色等。

如果要访问当前文档的某个部分,可以通过下面的链接:

<a href="#anchor1">anchor one</a>

这样就产生了一个链接,点击,会跳转到 <a name="anchor1">anchor one</a> 锚点定义的文档部分,并且该锚点位于窗口当前位置最顶端。

如果要访问其它文档中的锚点,有绝对链接和相对链接两种方式:

<a href="http://www.chinahtml.com/index.html#anchor0">anchor 0</a> 绝对链接
<a href="index.html#anchor0">anchor 0</a> 相对链接

使用方式和路径访问差不多,我们其实可以看作是先访问了对应的 index.html 页面,然后跳转到 anchor0 锚点所在的位置。

一定要注意的是访问锚点的格式,在锚点名称前面加上 #,但是定义锚点的时候,name 属性中并不需要使用 # 。

注意,name 属性是大小写敏感的,也就是说 xxx 和 XXX 是不同的锚点名称,这个在不同的浏览器下可能会有不同的处理效果,所以实际进行 Web 开发的时候,最好统一大小写。在 Web 标准开发中,所有的属性值都必须采用小写。

通过 a 定义的链接和锚点,是不允许嵌套的。

使用 id 属性定义锚点:

任何使用 id 属性的元素,都可以看作是一个锚点,可以通过链接访问。例如:

<h2 id="headling">Headling</h2>
...
<a href="#headling">Headling</a>

当然,这个也适合 A 元素,例如 <a id="headling"></a>。

但是必须注意的是,id 和 name 属性使用相同的命名空间,所以同一个页面中不能出现两个相同名称的锚点,例如在某个元素中使用 id 属性定义了一个锚点 abc ,在另一个元素 A 中又通过 name 属性定义了一个锚点 abc ,这样是不允许的。但是对于 A、APPLET、FORM、FRAME、IFRAME、IMG、和 MAP等元素,可以同时使用相同的 id 和 name 值来作为唯一标识,不过一旦是用了这两个属性,就应该保持一致。例如:

<p><a name="a1" id="a1" href="#a1">...</a></p>

关于样式:

我们一般通过 CSS 中的伪类来定义链接样式,大家应该熟记一个规则——“LoveHate”,所谓的“爱恨”规则,即定义四个伪类的顺序应该是:

a:link (L)
a:visited (V)
a:hover (H)
a:active (A)

当您抱怨定义的链接颜色不对的时候,检查一下这个顺序是否正确。

A 元素[HTML 4.01]相关推荐

  1. HTML5学习笔记简明版(10):过时的元素和属性

    被遗弃的元素(Element) 这个小节里列出的元素在HTML5里将不再使用,现有文档升级到 HTML5的话能够使用一些替代方案.比如parser section 能够处理isindex 元素的功能. ...

  2. HTML5学习笔记简明版(10):废弃的元素和属性

    废弃的元素(Element) 这个小节里列出的元素在HTML5里将不再使用.现有文档升级到 HTML5的话能够使用一些替代方案.比如parser section 能够处理isindex 元素的功能. ...

  3. 将组内元素的顺序进行翻转_学习工具|万彩手影大师素材及元素

    点关注~入股不亏哦 万彩手影大师系列的第二弹来袭咯! 昨天学习了万彩的入门,是不是觉得超简单,迫不及待的想要学习下一部分的内容了呢?小编带着新内容来啦!快接干货吧! 今天我们学习的内容是素材的导入和添 ...

  4. JS如何替换元素内容

    前言 我们网页中元素的内容有的是静态的,有的是动态的,特别是在一些网页交互的网页特效里,应用比较多,如何简单的替换元素的内容 01 原生JS实现 在原生js中主要通过DOM提供的属性去修改的,遵循js ...

  5. 104通讯协议01 规约报文结构

    目录 简介: 104规约结构 104规约信息包 三种基本报文: ASDU结构 数据表示方法 遥信 SOE信息 遥测ASDU 遥脉ASDU 简介: 广泛应用于电力.城市轨道交通等行业的国际标准. 104 ...

  6. 原生js选择器或者选择元素或者选择方式

    包括但不限于,作者水平有限,如有不足,请评论指出 第一种,已有元素,且元素id为01 var aa = document.getElementById("01"); 第二种,已有元 ...

  7. 深度学习入门(上)01(用cifar数据实现三层网络实现图片分类)

    目录 1-1深度学习入门-imagenet图像分类比赛 1-2计算机视觉面临的挑战和常规套路 1-3 K近邻进行图像分类 KNN的实现步骤 KNN总结 KNN的问题: 数据库样例: 测试结果 最近邻实 ...

  8. 数据结构与算法(7-2)图的遍历(深度优先遍历DFS、广度优先遍历BFS)(分别用邻接矩阵和邻接表实现)

    目录 深度优先遍历(DFS)和广度优先遍历(BFS)原理 1.自己的原理图 2.官方原理图 一.邻接矩阵的深度优先遍历(DFS) 1.原理图 2. 过程: 3.总代码 二.邻接表的深度优先遍历(DFS ...

  9. URL 去重的 6 种方案!(附详细代码)

    来源 | Java中文社群(ID:javacn666) URL 去重在我们日常工作中和面试中很常遇到,比如这些: 可以看出,包括阿里,网易云.优酷.作业帮等知名互联网公司都出现过类似的面试题,而且和 ...

最新文章

  1. Python脱产8期 Day02
  2. JVM 有 Full GC,为什么还会出现 OutOfMemoryError呢?
  3. 时隔16年,Science再次发布“全世界最前沿的125个科学问题”!
  4. python 为什么没有重载_python是否支持重载
  5. 知识点实用梳理:点对点协议(PPP)、广播信道多址访问、SMTP与POP3、RS232C、协议与端口号
  6. NoPause/NoEmgAbort的任务 与后台任务的区别
  7. YUV420、YUV422、RGB24转换
  8. 年后开课 | 第 4 期临床基因组家系分析,同时解决科研和临床问题
  9. css3 transition的各种ease效果
  10. python安装BeautifulSoup注意事项
  11. C#试玩程序设计试题——定向越野(迷宫)
  12. 【机器学习】LSTM模型原理
  13. C++Builder的基本功能
  14. python爬取谷歌图片_selenium+python 爬取网络图片(1) -- soso、谷歌、好搜
  15. 网络正常且开启了代理Chrome不能正常上网的解决方法
  16. 优矿 pandas plt 显示平安银行基金月最大召回率
  17. 所有键都无法进入bios(按任何键都进不去bios)
  18. excel求和怎么操作?这三个简单操作方法,轻松掌握
  19. PointNet和PointNet++论文解读
  20. 标星 2.7w+ 堪称史上最全的微信小程序开发资源汇总

热门文章

  1. 中关村论坛首次设置技术交易板块,人工智能和新一代信息技术专场发布会即将召开...
  2. metrics-server最新版本有坑,慎用
  3. 55:Mysql用户管理|常用sql语句|mysql数据库备份恢复
  4. 从音乐分享平台到泛音乐视频社交平台,菠萝 BOLO完成过亿元 B 轮融资
  5. JS编程建议——8:谨慎使用运算符(3)
  6. angular(3)服务 --注入---自定义模块--单页面应用
  7. 启动Tomcat报的各种菜鸟错误
  8. 从硬盘上装xp手记(2005.8.14 )
  9. 边缘计算 — 商业模式
  10. VMware 虚拟化编程(6) — VixDiskLib 虚拟磁盘库详解之二