HTML title 属性

HTML title 属性,第1张

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

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

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

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

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

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

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

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

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

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

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

在 HTML5 中, title 属性可用于任何的 HTML 元素 (它会验证任何HTML元素。但不一定是有用)。

在 HTML 4.01中, title 属性不能用于: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和 <title>。

在HTML中Title是属于文档的一个对象,要想的到html的title可以用javascript脚本语言来实现。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>知道用效果展示</title>

</head>

<body>

<script>

    var tit=document.title

    alert(tit)

</script>

</body>

</html>

以上例子就是将html的标题存入了tit变量,然后进行了一个d窗显示。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8307690.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存