Если вы разрабатываете html-документ, строго следуя наилучшей практике, не допускающей стилизации разметки, как лучше всего определить размер изображения?
В соответствии с прошлыми рекомендациями высота и ширина изображения вместе с изображением должны отображаться быстрее, чем браузер, ожидающий загрузки изображения, чтобы получить его размеры. Но выполнение этого, кажется, противоречит стилю изоляции документа.
Добавить атрибут id для каждого изображения и поместить высоту / ширину в CSS? Это сводит на нет бонус рендеринга встроенных высоты и ширины изображения?
ALTтег тоже, даже если он пустой, или проверки соответствия будут жаловаться.!importantв css позволяет переопределять атрибуты width и height, поэтому изначально использование width / height работает хорошо. Теперь я застрял в позиции голосования вниз. Если бы вы хотели редактировать ответ, я бы это изменил. Пожимает плечами Не то, чтобы это слишком много значило.Ответ Джона Конде точен. Изображения имеют ширину и высоту - это часть их содержания , а не их стиль . Таким образом, нет необходимости делать «разделение» здесь.
Тем не менее, одно исключение: CSS для размеров изображения является полезным , если у вас есть много изображений одинакового размера (например , эскизы). Здесь гораздо лучше использовать класс CSS для сокращения HTML и ускорения разработки.
Для дизайна веб-сайта, включая кнопки и значки, лучшее решение - CSS-спрайты.
источник