HTML title 属性

HTML title 全局属性包含表示与其所属元素相关的建议信息的文本。也就是指定元素的提示文本。

title 是鼠标放在图片上面时显示的文字，

当鼠标移动到带有 title 属性的元素上时，提示文本将作为工具提示（tooltip）显示出来。可以说， title 是对该元素的描述和进一步的说明。

但在一些情况下，它可能是不必要的。

我们都知道， title 属性通常被用于可访问性和 SEO 的优化。但对于屏幕阅读器用户来说， title 属性中包含的内容通常是不必要的、多余的，甚至可能没有使用。在大多数情况下，放置在 title 属性中的内容对（可能的）大多数用户是隐藏的。如果信息对大多数用户都是隐藏的，那么可能就没有存在的必要了。

以下是常见适合使用 title 属性的情况：

如果想要在 <img> 标签上使用 title ，请保持与 alt 相同的值。

根据文本替代计算的预期行为，计算文本替代的优先级应该是：

在使用上述两种或两种以上的情况下，列表中最高的就成为所使用的。考虑以下示例：

在这种情况下， alt 实际上成为了首要方案，因为它的优先级更高。因此，即使 title 拥有有用的内容，它也不会被使用，因为 alt 在那里。

对于一个普遍可靠的文本替代图像， alt 属性应该是首选方法。在提供 title 属性的情况下，它应该与 alt 具有相同的值。

对于zTree树控件，节点的默认提示信息title是节点的name，也就是默认显示节点的名称。你认真了解zTree,不难发现主要是key值在作祟：\x0d\x0a\x0d\x0aview sourceprint?\x0d\x0a1.var setting = {\x0d\x0a2.data: {\x0d\x0a3.key: {\x0d\x0a4.title: "s"//这里的s表示节点内的s属性\x0d\x0a5.},\x0d\x0a\x0d\x0a这里的key内的title默认指向的就是name属性，或者为空，为空的时候也会默认为name属性。\x0d\x0a针对这位朋友的问题，其实方法很多：\x0d\x0a1、在后台构造属性\x0d\x0a在ajax页面内从数据库拿到数据list过后通过new的形式给最终返回的json对象构造一个属性t出来。然后修改setting内key的title指向属性值为t即可。\x0d\x0a返回的json对象数据为：\x0d\x0a\x0d\x0aview sourceprint?\x0d\x0a1.var zNodes =[\x0d\x0a2.{ id:1, pId:0, name:"节点搜索演示 1", t:"节点提示信息1", open:true},\x0d\x0a3.{ id:11, pId:1, name:"关键字可以是名字", t:"节点提示信息2"},\x0d\x0a4.{ id:12, pId:1, name:"关键字可以是level", t:"节点提示信息3"}\x0d\x0a5.]\x0d\x0a\x0d\x0a修改setting内对应的key值\x0d\x0a\x0d\x0aview sourceprint?\x0d\x0a1.var setting = {\x0d\x0a2.data: {\x0d\x0a3.key: {\x0d\x0a4.title: "t"//这里的s表示节点内的s属性\x0d\x0a5.},\x0d\x0a\x0d\x0a2、动态修改树节点的属性\x0d\x0a当前台给zTree树对象赋值结束后获取所有树节点，然后逐个更新树节点的属性值，示例代码如下所示：\x0d\x0a\x0d\x0aview sourceprint?\x0d\x0a01.$(document).ready(function () {\x0d\x0a02.$.fn.zTree.init($("#treeDemo"), setting, zNodes)\x0d\x0a03.//获取树对象\x0d\x0a04.var treeObj = $.fn.zTree.getZTreeObj("treeDemo")\x0d\x0a05.//拿到所有树节点\x0d\x0a06.var nodes = treeObj.getNodes()\x0d\x0a07.//for循环逐个修改树节点属性\x0d\x0a08.for(var i = 0i 回答于 2022-12-11

title属性为设置该属性的元素提供建议性的信息。title属性有一个很好的用途，即为链接添加描述性文字，特别是当连接本身并不是十分清楚的表达了链接的目的。使用方法如下：

<img src='图片链接地址' border="0" alt="alt替换文本" title='title提示文本'/>

---