Подсказка для строки текста

<td title = "this is a really long line that I'm going to truncate">this is a really long line that I'm going to trunc ...</td>

Это правильный способ сделать это?

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
0
1 212
7

Ответы 7

Да, именно так вы должны были назначать всплывающие подсказки для элементов html. Однако я бы не стал использовать его на <td>. Хотя я не тестировал его, у меня есть ощущение, что вы можете столкнуться с проблемами в некоторых браузерах, если используете его непосредственно в строках / ячейках таблицы, поскольку эти элементы имеют несколько иное поведение, чем другие элементы. Лучше использовать его с более «обычными» элементами, например, <div>, <span>, <img> или <input>.

Атрибут title не работает внутри тега td. Вместо этого заключите текст в тег span:

<td>
    <span title = "this is a really long line that I'm going to truncate">this is a really long line that I'm going to trunc ...</span>
</td>

Я согласен с @DrJokepu, атрибут title - это способ сделать это, но, вероятно, не в элементе TD, попробуйте элемент ABBR, для этого он нужен, или, если это не удается, простой SPAN, вероятно, лучше всего.

У заголовка есть максимальная длина. Это около 80 символов (проверено на FF2).

Так что, если ваш текст действительно длинный, заголовок не поможет. Есть несколько хороших решений для подсказок css / javascript, которые покажут все, что вам нужно.

Как бы вы отформатировали текст, чтобы показать разрыв строки? В IE 7.0

<title = "long line of text\nanotherlong line of text" />

работает, как ожидалось, но в Firefix 3.01 символ "\ n" заменен на пробел. Использование <br/> тоже не помогает.

Я считаю, что это не часть спецификации HTML. В любом случае, FF3, IE6 и Opera 9.50 (и, вероятно, многие другие браузеры / версии) автоматически отображают длинные всплывающие подсказки на нескольких строках.

PhiLho 22.10.2008 15:51

В FF2 есть ошибка, не позволяющая отображать длинные заголовки: https://bugzilla.mozilla.org/show_bug.cgi?id=45375

Разве заголовок не является основным атрибутом? Таким образом, это справедливо практически для каждого тега (кроме нескольких, например, html, head и т. д.)

Да, это основной атрибут, такой как id, class и style, а title на td работает по крайней мере в FF3, IE6 и Opera 9.50. Я не понимаю, почему люди хотят его ограничивать ...

PhiLho 22.10.2008 15:46

Если вам нужен некоторый контроль над всплывающей подсказкой, вы можете попробовать изменить ее в соответствии с вашими потребностями. css Подсказка

Другие вопросы по теме