Повідомлення розміру зображення, найкраща практика

Якщо ви розробляєте HTML-документ суворо, використовуючи поточну найкращу практику запобігання стилю поза розміткою, як вам найкраще передавати розмір зображення?

Минулий кращий досвід вимагає висоти та ширини зображення, а зображення відображатиметься швидше, ніж браузер, який очікує завантаження зображення, щоб отримати його розміри. Але це, здається, суперечить виділенню стилю з документа.

Додайте атрибут id до кожного зображення та додайте висоту / ширину в css? Чи це заперечує бонус за візуалізацію висоти та ширини вбудованого зображення?

Наявність ширини та висоти в елементі IMG не застаріло, і, безумовно, найкращий спосіб повідомити браузеру про ширину та висоту зображення. Виходити зі свого шляху зробити це іншим способом - це зайве та непотрібне (і, можливо, нерозумно). Не робіть зайвих робіт ні для себе, ні для браузера. Дотримуйтесь основ роботи.

Відповідь Джона Конде - точкова. Зображення мають ширину і висоту - це частина їх змісту , а не їх стилю . Тож тут не потрібно робити "розлуку".

Тим НЕ менше, один виняток: CSS для розмірів зображення є корисним , якщо у вас є багато зображень однакового розміру (наприклад , ескізи). Тут набагато краще використовувати клас CSS для скорочення HTML та прискорення розробки.

Для дизайну веб-сайту, включаючи кнопки та піктограми, найкращим рішенням є CSS-спрайти.