如何在HTML中的title属性中添加新换行符

Question

我正在使用这个

<a href="#" title="select from 1: this 2: that" > Click here </a>

当有人将鼠标悬停在它上面时,我会在一行中看到所有文字.

有没有办法在新线上显示它？

Answer 1

试试这个代码吧

<a href="#" title="select from 1: this &#013; 2: that" > Click here </a>

Answer 2

当你用可访问性标记这个时,我会说最强大的方法不是依赖于标题来获取信息.

在当前的HTML规范鼓励使用谁不能使用鼠标(例如,由于行动不便)这用作人而是用键盘和看到的画面将永远不会看到你的提示/标题文本.使用触摸屏的人无法访问它.

大多数使用屏幕阅读器的人也不会知道标题文本,虽然可以在大多数屏幕阅读器中访问它,但默认情况下不会读出,有人必须知道要查找它.(还有更多问题.)

规范建议使用它来换行:

如果title属性的值包含"LF"(U + 000A)字符,则内容将分为多行.每个"LF"(U + 000A)字符代表换行符.

但是,新行的显示取决于浏览器(如何在HTML工具提示中使用回车).

我怀疑整体UI方法需要多一点思考,因为许多人会对你的例子中的那种指令感到困惑,即如果有多个选项,点击它会实现什么？

如果您的情况难以编写好的链接文本,那么我会在UX stackexchange上发布更多有关交互的内容.

Answer 3

如果你动态生成它\n

$(td).attr("title", "One \n Two \n Three");

Answer 4

<a href="#" title="select from 
1: this 
2: that" > Click here </a>