Установка размеров изображения в HTML
Это - хорошая практика для установки размеров изображения (в статическом содержании), даже если я обрезал изображение к корректному размеру, и это - контейнер, зафиксировал размеры и overflow:hidden?
<img src="" title ="" alt="" width="100" height="100"/>
2 ответа
Обычно вы должны предоставить теги высоты и ширины, чтобы браузер мог зарезервировать необходимое пространство для изображения. В противном случае макет может измениться во время загрузки страницы.
Поскольку у вас есть контейнер фиксированного размера и overflow: hidden, это вряд ли поможет. Но даже если и не помогает, не вредит. Поэтому вам следует всегда добавлять атрибуты высоты и ширины.
http://www.w3schools.com/tags/att_img_width.asp (см. Советы в разделе «Определение и использование»)
У меня нет твердых данных, чтобы подтвердить это, но я думаю, что видел браузеры, которые показывали прямоугольник на месте изображения, пока не загружалось само изображение. Чтобы правильно показать прямоугольную область, браузеру нужны данные о ширине и высоте.
Кроме того, некоторые браузеры показывают прямоугольник вместо изображения, когда изображения отключены или не могут быть загружены. Для правильного определения размера прямоугольника также необходима информация о размерах.
Думаю, ничего плохого от ее установки не будет.