title — HTML: Язык гипертекстовой разметки
Глобальный атрибут title
содержит текст, представляющий справочную информацию, относящуюся к элементу, которому он принадлежит.
В основном атрибут title
используется для обозначения элементов
вспомогательных технологий.
Атрибут title
также можно использовать для маркировки элементов управления в таблицах данных.
Атрибут title
при добавлении к
, создает альтернативную таблицу стилей. При определении альтернативной таблицы стилей с
атрибут является обязательным и должен быть установлен в виде непустой строки.
При включении в открывающий тег
название
должно быть полным расширением аббревиатуры или акронима. Вместо использования название
, когда это возможно, предоставьте расширение аббревиатуры или акронима в виде обычного текста при первом использовании, используя
для разметки аббревиатуры. Это позволяет всем пользователям знать, какое имя или термин сокращает аббревиатура или аббревиатура, а также дает подсказку агентам пользователя о том, как объявить контент.
Хотя заголовок
можно использовать для предоставления программно связанной метки для элемента
, это не рекомендуется. Вместо этого используйте
.
Атрибут title
может содержать несколько строк. Каждый U+000A ПЕРЕВОД СТРОКИ 9Символ 0005 (
LF
) обозначает разрыв строки. Следует соблюдать некоторую осторожность, так как это означает, что следующие строки отображаются в двух строках:
HTML
Необходимо учитывать новые строки в
title
, например пример.
Результат
Если элемент не имеет атрибута title
, то он наследует его от своего родительского узла, который, в свою очередь, может наследовать его от своего родителя и так далее.
Если для этого атрибута задана пустая строка, это означает, что его предки title
не имеют значения и не должны использоваться во всплывающей подсказке для этого элемента.
HTML
При наведении указателя мыши на этот пункт появится всплывающая подсказка.
Наведение здесь ничего не покажет.
Результат
Использование атрибута title
крайне проблематично для:
- Людей, использующих сенсорные устройства
- Люди, использующие клавиатуру
- Люди, пользующиеся вспомогательными технологиями, такими как программы для чтения с экрана или лупы
- Люди с нарушениями мелкой моторики
- Люди с когнитивными проблемами
Это связано с непоследовательной поддержкой браузера, усугубляемой дополнительной вспомогательной технологией анализа страницы, отображаемой браузером. Если желателен эффект всплывающей подсказки, лучше использовать более доступный метод, к которому можно получить доступ с помощью вышеуказанных методов просмотра.
- 3.2.5.1. Атрибут заголовка | W3C HTML 5.2: 3. Семантика, структура и API HTML-документов
- Использование атрибута заголовка HTML — обновлено | Группа Пачиелло
- Всплывающие подсказки и переключатели — включающие компоненты
- Испытания и невзгоды атрибута Title — 24 Доступность
Спецификация |
---|
Стандарт HTML # the-title-attribute |
Таблицы BCD загружаются только в браузере
с включенным JavaScript. Включите JavaScript для просмотра данных.- Все глобальные атрибуты.
-
HTMLElement.title
, который отражает этот атрибут.
Последнее изменение: , участниками MDN
и TITLE и ALT - HTML и CSS - Форумы SitePoint
DoubleDee
#1
Прочитав спецификации HTML4, я был удивлен, увидев, что в них нет атрибутов ALT или TITLE…
Могу ли я предложить их для гиперссылки?
С уважением,
Дебби
РайанРиз
#2
HTML предлагает глобальные атрибуты, которые разрешено использовать привязкам. Alt IIRC не допускается, поскольку альтернативный текст не может быть указан. Однако разрешен атрибут title — это глобальный атрибут. Я знаю, что title="" работает, потому что я делал это в прошлом, и это глобальный атрибут, который поддерживают якоря.
ТехноМедведь
#3
Как говорит Райан, вы можете использовать «заголовок» для большинства элементов, включая ссылки. «alt» — предоставить альтернативный текст для изображения. Вы можете найти это полезным:
SitePointSitePoint HTML — изучайте HTML, HTML5, шаблоны и многое другое
Изучение HTML — холст HTML5, видео SVG и формы, а также шаблоны и многое другое с онлайн-учебниками и советами от экспертов
СайтПоинтSitePoint HTML — изучайте HTML, HTML5, шаблоны и многое другое
Изучение HTML — холст HTML5, видео SVG и формы, а также шаблоны и многое другое с интерактивными учебными пособиями и советами от экспертовДжон_Бетонг
#4
Я считаю атрибут title ограничивающим и гораздо более гибким, чтобы иметь скрытые интервалы, которые открываются при наведении курсора. Также заголовок не допускает перевода строки, но открытые интервалы принимают
\r\ вместе с бордюрами. Я также считаю, что многословный контент помогает с вашими очками SEO Brownie.
Осторожно, эта функция предназначена только для мыши и, к сожалению, не работает на планшетах и смартфонах. Я не уверен в преимуществах SEO, но, несомненно, другой автор может просветить меня своим мнением и мыслями 🙂
1 Нравится
РайанРиз
#5
Я не думаю, что есть какая-либо польза для тех, кто занимается SEO. Я согласен с этой статьей.
http://gotocld.com/ru/?Do-Alt-and-Title-Attributes-Help-With-SEO?&id=432783
John_Betong
#6
Скрытые промежутки, которые я имел в виду, не были ни атрибутами alt, ни title, а предшествовали тегу
.Игнорируется ли поисковыми системами начальный интервал {display: none}, а также считаются ли они методами «черной шляпы»?
ТехноМедведь
#7
[ot]Эта ветка, кажется, блуждает не по теме; SEO не было частью первоначального вопроса. Но так как вопрос был задан:
Гугл:
Робот Googlebot обрабатывает каждую из сканируемых им страниц, чтобы составить обширный индекс всех слов, которые он видит, и их расположения на каждой странице. Кроме того, мы обрабатываем информацию, содержащуюся в ключевых тегах и атрибутах контента, таких как теги заголовков и атрибуты ALT.
Googlebot может обрабатывать многие, но не все типы контента. Например, мы не можем обрабатывать содержимое некоторых мультимедийных файлов или динамических страниц.
https://support.google.com/webmasters/answer/70897?hl=en
Также: http://googlewebmastercentral.blogspot.co.uk/2007/12/using-alt-attributes-smartly.html
Я не могу найти ссылки на Google с использованием атрибутов title (в отличие от метатега title).
[/от]
ПолОБ
#8
Атрибуты заголовка в теге привязки действительны и иногда полезны и [URL=“http://www.nngroup.com/articles/using-link-titles-to-help-users-predict-where-they-are- собирается / »] уже много лет.
Дополнительная информация:
Суть в том, что если информация важна, она должна быть в реальном тексте, а не в заголовке. . Через атрибут title должен быть предоставлен только информативный текст, но сама ссылка должна быть самоочевидной в отношении ее назначения, поэтому обычное «нажмите здесь» не одобряется и ничего не говорит о том, куда вы идете.
Не используйте атрибут title только потому, что в html нет места для того, что вы действительно хотели сказать. Лучшим методом было бы скрыть текст за кадром в диапазоне и показать его в виде всплывающей подсказки, как предлагает Джон выше.
ДаблДи
Пол_О_Б:
Атрибуты заголовка в теге привязки действительны и иногда полезны и [URL=“http://www.nngroup.com/articles/using-link-titles-to-help-users-predict-where-they-are-going /”] уже много лет.
Дополнительная информация:
http://www. w3.org/TR/WCAG20-TECHS/h43.htmlОднако суть в том, что если информация важна, то она должна быть в реальном тексте, а не в тексте заголовка. Через атрибут title должен быть предоставлен только информативный текст, но сама ссылка должна быть самоочевидной в отношении ее назначения, поэтому обычное «нажмите здесь» не одобряется и ничего не говорит о том, куда вы идете.
Не используйте атрибут title только потому, что в html нет места для того, что вы действительно хотели сказать. Лучшим методом было бы скрыть текст за кадром в диапазоне и показать его в виде всплывающей подсказки, как предлагает Джон выше.
Когда человек просматривает личное сообщение, в заголовке у меня есть гиперссылка с изменяющимся текстом, например. Папка «Входящие», «Отправленные», «Корзина».
(Идея в том, что вы можете вернуться в родительскую папку, когда закончите читать сообщение.)
Не по теме:
Да, было бы неплохо, если бы у меня были папки слева, как и в любой другой системе обмена сообщениями за последние 20 лет, но у меня просто не было времени это встроить!!
В любом случае…
Итак, я хотел проверить, можно ли добавить дополнительный текст-подсказку (например, «Перейти к папке входящих», «Перейти к папке отправленных», «Перейти к папке корзины»).
Я понимаю вашу точку зрения, Пол, и согласен, но не знаю, чувствую ли я себя виноватым из-за своих ссылок или добавления дополнительной подсказки TITLE.
Если бы человек был пуристом, он бы сказал: «Ну, Дебби, в ваших ссылках должно быть написано «Перейти к входящей папке»». еще немного подсказки, я подумал, что добавление НАЗВАНИЯ может помочь?!
(Кстати, после того, как я опубликовал свой OP, меня осенило, что использование ALT для гиперссылки было бы бессмысленным!)
Надеюсь, все это имеет смысл…
С уважением,
Дебби
RyanReese
#10
Джон_Бетонг:
Скрытые промежутки, которые я имел в виду, не были ни атрибутами alt, ни title, а предшествовали тегу.
Игнорируется ли поисковыми системами начальный интервал {display: none}, а также считаются ли они методами «черной шляпы»?
Я действительно считаю, что Google наказывает веб-сайты за это — вы заметите, что этот метод почти не существует для веб-сайтов, пытающихся втиснуть SEO.0007
ТехноМедведь
#11
РайанРиз:
Я действительно считаю, что Google наказывает веб-сайты за это — вы заметите, что этот метод почти не существует для веб-сайтов, пытающихся втиснуть SEO.
Google возражает против «маскировки» — попытки показать разный контент посетителям-людям и поисковым роботам. Сомневаюсь, что у них возникнут какие-либо проблемы с этой техникой — конечно, она используется в умеренных количествах и только там, где это приносит пользу людям.
Джон_Бетонг
#12
РайанРиз:
Я действительно считаю, что Google наказывает веб-сайты за это — вы заметите, что этот метод почти не существует для веб-сайтов, пытающихся втиснуть SEO.
Интересный момент, и я рассмотрю его завтра, а также предложение Пола, рекомендованное W3.Org для «Использования CSS для скрытия части текста ссылки».
Инструменты Google для веб-мастеров не упомянули или не уменьшили мои баллы SEO Brownie Points за использование этой техники?
Не по теме:
Отправляйтесь спать пораньше, потому что завтра день запуска нового форума Sitepoint!!!
РайанРиз
№13
ТехноМедведь:
Google возражает против «маскировки» — попытки показать разный контент посетителям-людям и поисковым роботам. Сомневаюсь, что у них возникнут какие-либо проблемы с этой техникой — конечно, она используется в умеренных количествах и только там, где это приносит пользу людям.
Конечно - поэтому я и упомянул сайты, пытающиеся напихать SEO - в том смысле, что вы говорите, что наказывают только тех, кто напихал SEO :).
Джон_Бетонг:
Интересный момент, и я рассмотрю его завтра, а также предложение Пола, рекомендованное W3.Org для «Использования CSS для скрытия части текста ссылки».
Инструменты Google для веб-мастеров не упомянули или не уменьшили мои баллы SEO Brownie Points за использование этой техники?
Не по теме:
Ложимся спать пораньше, потому что завтра день запуска нового форума Sitepoint!!!
Ура!!
счастливые коды