Какой HTML-тег лучше всего использовать со спрайтами

Question

Я хотел бы использовать спрайты для отображения своих значков. Я создал изображение и CSS, теперь мне нужно добавить класс в мой HTML-элемент. Какой элемент HTML лучше для этого?

<div> работает нормально, но, конечно, оно охватывает все пространство и переносится. работает только если я в него что-то положу. Вот мой CSS

.sprite {
    background:url('/i/sprites.png');
    background-repeat:no-repeat
}
.ico2{
    background-position:0 -104px;
    width:16px;
    height:16px
}

Answer 1

Мое мнение, что это не имеет значения.Какие бы теги ни подходили для остальной части вашего контента.

• <ul><li></li></ul> структуры очень гибкие для макета.
• <div> и <span> конечно.
• Я часто использую спрайты для кнопок в ссылках.

Возможно, вы захотите использовать display: block или display: inline-block для большинства элементов, в которые вы помещаете свои спрайты, и помните, чтоВы можете установить это для всех элементов.

Answer 2

Это зависит от контекста. Попробуйте выбрать элемент, который лучше всего представляет семантику данных, а не то, как они будут отображаться; для этого и нужен CSS.

Отображаете ли вы список иконок? Используйте <ul> и поместите свои спрайты в элементы <li>.

Answer 3

Вы можете использовать <span> теги и установить их отображение на inline-block с определенной высотой и шириной.