例如，写一段东西，浏览时，鼠标在上面时，鼠标光标上 显示 title 内容：
<html><body>
<h2>The title attribute</h2>
<p title="I'm a tooltip 1234567890 1234567890 1234567890 1234567890">
Mouse over this paragraph, to display the title attribute as a tooltip.
</p>
</body></html>
你试验一下，再增加title内容试试，（我没找到极限）。
HTML title 全局属性包含表示与其所属元素相关的建议信息的文本。也就是指定元素的提示文本。
title 是鼠标放在图片上面时显示的文字，
当鼠标移动到带有 title 属性的元素上时，提示文本将作为工具提示（tooltip）显示出来。可以说， title 是对该元素的描述和进一步的说明。
但在一些情况下，它可能是不必要的。
我们都知道， title 属性通常被用于可访问性和 SEO 的优化。但对于屏幕阅读器用户来说， title 属性中包含的内容通常是不必要的、多余的，甚至可能没有使用。在大多数情况下，放置在 title 属性中的内容对（可能的）大多数用户是隐藏的。如果信息对大多数用户都是隐藏的，那么可能就没有存在的必要了。
以下是常见适合使用 title 属性的情况：
如果想要在 <img> 标签上使用 title ，请保持与 alt 相同的值。
根据文本替代计算的预期行为，计算文本替代的优先级应该是：
在使用上述两种或两种以上的情况下，列表中最高的就成为所使用的。考虑以下示例：
在这种情况下， alt 实际上成为了首要方案，因为它的优先级更高。因此，即使 title 拥有有用的内容，它也不会被使用，因为 alt 在那里。
对于一个普遍可靠的文本替代图像， alt 属性应该是首选方法。在提供 title 属性的情况下，它应该与 alt 具有相同的值。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）