Корректность использовани тега i для иконок?

Question

[HelpSophie]

Часто встречаю, что иконки пишут внутрь тега <i>.
Но он же не для этого. Сама стараюсь их фоном делать.

Кто как поступает и как "оправдываетесь", если складываете в i?

Answer 1

[Алексей Струков]

Есть мнение, что как раз семантично и правильно делать это через тег i
Ранее, до html5 этот тег был просто презентационным и использовался для italic текста, но позднее был переопределен под любой текст, написанный отличительным манером от основного текста. Вот что говорит mdn:

The HTML Element represents a range of text that is set off from the normal text for some reason, for example, technical terms, foreign language phrases, or fictional character

Fictional character это как раз наш вариант с иконками.

Answer 2

[Денис Т]

не семантично, но удобно в использовании
точно знаешь, что там лежит иконка
а ты почему фоном задаешь?

Comments

[Nwton]

видимо, что бы нельзя было стащить курсором, как обычный img

[Денис Т]

Nwton: не знал. спасибо)

[HelpSophie]

Nwton: Денис Тюкавин: да, и чтобы не зацепить курсором при клике. И просто потому что это оформление, а не содержимое.

[HelpSophie]

Но фон можно и для i задавать, тут не в этом дело.

[Денис Т]

HelpSophie: вы иконки фоном делаете?

[HelpSophie]

Денис Тюкавин: спрайтом и фоном, по возможности без лишних тегов.