我正在使用这个
<a href="#" title="select from 1: this 2: that" > Click here </a>
当有人将鼠标悬停在它上面时,我会在一行中看到所有文本。
有没有办法在新行上显示它?
我正在使用这个
<a href="#" title="select from 1: this 2: that" > Click here </a>
当有人将鼠标悬停在它上面时,我会在一行中看到所有文本。
有没有办法在新行上显示它?
您可以使用
或

。
<a href="#" title="select from 1: this 
 2: that" >Click here</a>
<a href="#" title="select from 1: this 
 2: that" >Click here</a>
如果您要动态生成它,请将\n
$(td).attr("title", "One \n Two \n Three");
这是使用 Jquery 框架。
当您将此标记为可访问性时,我想说最可靠的方法是不要依赖标题来获取信息。
当前的HTML 规范不鼓励这种使用,因为无法使用鼠标(例如由于行动不便)但使用键盘并看到屏幕的人永远不会看到您的工具提示/标题文本。使用触摸屏的人无法访问它。
大多数使用屏幕阅读器的人也不会知道标题文本,尽管可以在大多数屏幕阅读器中访问它默认情况下不会读出,并且必须有人知道才能查找它。(还有更多问题。)
该规范建议将其用于换行符:
如果 title 属性的值包含“LF”(U+000A)字符,则内容被分成多行。每个“LF”(U+000A) 字符代表一个换行符。
但是,新行的显示取决于浏览器(如何在 HTML 工具提示中使用回车)。
我怀疑整体 UI 方法需要更多考虑,因为许多人会被您示例中的那种指令混淆,即如果有多个选项,单击它会实现什么?
如果您的情况难以编写好的链接文本,那么我会在UX stackexchange上发布更多关于交互的信息。
<a href="#" title="select from
1: this
2: that" >Click here</a>