正确使用HTMLtitle属性的建议

相关推荐

正确使用HTMLtitle属性的建议

　　如果你想对使用手机，平板电脑和辅助技术的用户隐藏某些内容，而只对键盘用户显示，那么请使用title属性。就跟随小编一起去了解下吧！

　　细节

　　HTML的title属性本身有问题。之所以有问题是因为它在一些重要的方面表现的不够好，尽管它陪伴我们超过14年了。随着触摸设备的兴起，这个属性的作用进一步降低。title属性的可访问性变得很鸡肋，由于缺少浏览器的支持，屏幕阅读器的支持和制作人员的重视。

　　下列情况下title属性由于缺乏支持变得多余：

　　对于在手机浏览器里访问web内容信息的人。通常title属性的内容在桌面浏览器里显示为提示信息。据我所知，没有任何手机浏览器支持显示提示信息，并且也没有其他访问title属性内容的视觉方法。

　　对于那些无法使用鼠标的人提供信息。通常title属性的内容在桌面浏览器里显示为提示信息。虽然提示信息的行为已经有10多年历史，但一直没有浏览器实现使用键盘显示title属性的方法。

　　对于在大多数HTML元素上使用它为使用各种辅助技术的人提供信息。据我所知屏幕阅读器对访问title属性信息一致不支持。

　　title属性不友好用户如下

　　手机用户

　　仅使用键盘的用户

　　使用屏幕放大器的用户

　　屏幕阅读器用户

　　精细运动技能障碍的用户

　　认知障碍的用户

　　title属性有用的例子：

　　为frame或iframe元素贴上标签：

　　提供需要程序才能实现的在特殊情况下才显示的标签，直接使用可见的文本标签会显得多余：

　　数据表格中的标签控件。

　　title属性无用或用处不大的例子：

　　为不能作为文本的链接或周围内容添加额外信息：

　　newsletter

　　相反这样的信息应该作为链接文本的部分或在链接的旁边。

　　提供和链接文本相同的信息：

　　newsletter

　　建议不要复制链接内容作为title属性。这其实相当于什么都没做。

　　用于图像的标题：

　　alt="The castle now has two towers and two walls.">

　　大概标题信息是最重要的信息，应该能被所有用户默认访问。如果是这样，那么这个内容应该紧挨着图片。

　　用来代替表单的标签，去掉可见的文本标签：

　　屏幕阅读器的用户将会访问表单元素的标签，由于title属性被列入可访问性api内的属性名称(当文本标签使用标签元素时是不被支持的)。许多其他用户并不如此。建议尽可能包括一个可见的文本标签。

　　为表单元素提供和可见的标签内容相同的信息：

　　name

　　重复可见的标签文本不可能除了添加一系列的用户认知噪声。不做它。重复可见的标签文本除了添加一系列令人讨厌的认知噪声外，似乎没有其他作用，停止这种用法。

　　为表单元素提供额外的指令：

　　name

　　如果这指令对于正确的使用表单元素非常重要，请在元素周围提供文字信息，确保每个用户都能读到。

　　作为缩写的扩展：

　　W3C

　　虽然abbr元素的title属性被屏幕阅读器软件所支持，但使用它仍然是有问题的，因为其他用户群无法使用。建议当缩写词在文档中首次出现时提供文本格式的全称，或提供全称形式的术语表。这并不是说不可以使用title属性，因其具有局限性，应该提供文本形式的全称。

　　HTML 5.1 包括使用title属性的一般性建议：

　　依赖title属性目前是不被鼓励的，由于许多用户代理不能按照规范的要求显示这个属性(如需要鼠标指针设备引起提示信息的显示，排除了仅使用键盘的用户和触摸屏用户)

　　用title属性代替img元素的alt属性或作为图片的标题是被禁止的

　　依托title属性目前来看是被禁止的，由于许多用户代理对这属性的可访问性支持很弱……

　　拓展：编辑方式

　　1.编辑

　　HTML其实是文本，它需要浏览器的解释，它的编辑器大体可以分为以下几种：

　　基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，当然，如果你用WPS或Word来编写也可以，不过保存时请使用.htm或.html作为扩展名，这样就方便浏览器认出直接解释执行了。

　　半所见即所得软件，如：FCK-Editer、E-webediter等在线网页编辑器；尤其推荐：Sublime Text代码编辑器（由Jon Skinner开发，Sublime Text2收费但可以无限期试用）。

　　所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，如：AMAYA（出品单位：万维网联盟）；FRONTPAGE（出品单位：微软）；Dreamweaver（出品单位Adobe）。Microsoft Visual Studio（出品公司：微软）：其中所见即所得软件与半所见即所得的软件相比，开发速度更快，效率更高，且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂，不利于大型网站的多人协作和精准定位等高级功能的实现。

　　2.字符集

　　除了常见的ASCII字符和汉字，HTML还有许多特殊字符，它们一起构成了HTML字符集。有2种情况需要使用特殊字符，一是网页中有其特殊意义的字符，二是键盘上没有的字符。HTML字符可以用一些代码来表示，代码可以有2种表示方式。即字符代码（命名实体）和数字代码（编号实体）。字符代码以“&”符开始，以分号";"结束，其间是字符名，如®。数字代码也以“&#”符开始，以分号";"结束，其间是编号，如。

　　3.数据类型

　　超文本标记语言定义了多种数据类型的元素内容，如脚本数据和样式表的数据，和众多类型的属性值，包括ID、名称、URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等。所有这些数据类型都是专业的字符数据。

【正确使用HTMLtitle属性的建议】相关文章：

正确使用HTML中title属性的一些建议10-09