gpt4 book ai didi

html - 简单工具提示 - 标题属性?

转载 作者:太空狗 更新时间:2023-10-29 15:57:32 24 4
gpt4 key购买 nike

当我想在用户鼠标悬停在某个对象上时显示一条消息,最近我只是在我的 html 标记上使用 title 属性,因为它很简单并且不会自动离开屏幕。

问题:依赖title 属性作为工具提示是不是一件坏事?

忽略您无法自定义它的事实,我很好奇使用自定义工具提示的功能(例如标准用户如何与之交互)。 specific web-comic例如,我读到,当您将鼠标悬停在它上面时,使用 title 属性添加诙谐的评论/事实。然而,似乎并没有多少人知道它。

这样看来,标题 可能适合评论,甚至是图片的作者,但它适合真正简单的工具提示吗?

考虑到一个“真正的”工具提示,您通常需要 1-2 个额外的元素、css(并且取决于您如何设置它,可能需要一些用于放置的内联样式),甚至可能需要 java 脚本,title 属性不好用,因为(同样)它不能定制,通常是关于元素的一个小的偏离主题的细节,并且只在一定时间后出现。

注意:如果有帮助(深思),我提出这个问题的当前情况是,我喜欢网站上有类似 [?] 的内容吗?您可以将鼠标悬停在上面以查找更多详细信息,而无需将它们推到页面中,从而保持简单。此外,我从 w3schools 学习了 html,他们从未提及 title 属性,因此不太确定它们的用途/用途。 (是的,提到 w3schools 部分是一种(糟糕的)尝试来获得同情)

考虑到 SO 经常使用它们,我觉得问这个问题有点奇怪,但可以假设我对此一无所知......好吧......我真的不知道)

最佳答案

不应使用标题属性 (@title)。

  1. 每个浏览器都对 @title 做自己的事情,即使它看起来一样。
  2. 对于只使用键盘的人来说,他们无法获取@title 中的信息。
  3. 通过移动设备访问网站的人无法获取信息。
  4. 一些但不是所有的辅助技术都可以获得@title中的信息
    1. 有些允许在启用后读取。没有多少人(用户)知道。
    2. 其他技术会简单地忽略链接文本并只读取@title。

4.2 示例:

<a href="#" title="Are you sure?">Delete your account</a>

这将是:

Are you sure? Link

进一步阅读:PG: Title attribute

关于html - 简单工具提示 - 标题属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11161915/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com