с какими элементами можно использовать alt / longdesc / title / text?

Question

При написании приложений на основе javascript я часто обнаруживаю, что хочу включить информацию с элементом, который не совсем подходит в качестве идентификатора или класса, и мне интересно, как лучше всего включить это структурно / семантически в html. Иногда я хочу содержать ассоциацию с другим элементом, которого нет в <a>, поэтому href не подходит. Я добавляю префикс типа 'tooltip_' или 'button_', а затем использую строковые манипуляции для его преобразования, но это немного неуклюже.

Поэтому мне интересно, подходят ли какие-либо атрибуты для альтернативных типов данных.

Также любопытно, потому что я вижу, что с плагином jQuery qTip вы можете установить атрибут, чтобы получить описание подсказки из , но если у меня будет <p> <a> <img> <h2> помечает все с подсказками и в идеале настраиваете так же ... какой атрибут я мог бы использовать в этой ситуации?

Answer 1

Если информация предназначена в первую очередь для взаимодействия с JavaScript, например, для хранения дополнительных данных, лучше использовать атрибуты с префиксом data-.Библиотека jQuery поддерживает это с помощью методов Data .

Для пользовательского контента это зависит от того, что такое контент, а также от того, как он должен использоваться.

Для изображений атрибут alt специально предназначен для хранения текстовой альтернативы содержимому изображения.Хорошее эмпирическое правило для этого заключается в том, что все слова (которые имеют значение) в изображении должны быть в атрибуте alt, а также описание того, что изображение изображает.Чтобы проверить себя на этом, выключите изображения (это может сделать несколько расширений браузера) и прочитайте свою страницу.Если все еще имеет смысл, когда текст alt заменяет изображения, и вы не потеряли какую-либо информацию, вы хороши.

Атрибут title предназначен для хранения информации, котораяподходит для всплывающей подсказки.

longdesc и figcaption и некоторые другие атрибуты, предназначенные для этой цели.Я очень рекомендую прочитать спецификацию html5 , если вы действительно хотите узнать, когда что использовать.