Позволяет ли указание размера изображения в CSS браузеру делать макет до завершения загрузки?

Question

Я всегда пытался указать атрибуты высоты и ширины для тегов img в HTML. Не по стилевым причинам, а потому, что браузер ожидает размер изображения и может сделать макет страницы даже до того, как изображение закончило загрузку. Из спецификации HTML:

Атрибуты высоты и ширины дают пользовательские агенты представление о размере изображение или объект, чтобы они могли зарезервировать место для него и продолжить визуализация документа во время ожидания для данных изображения.

Я не знаю, почему это никогда не происходило со мной, но делает ли определение высоты и ширины в CSS, а не внутри тега img, то же самое?

Answer 1

Вкл (Почти) Строгий режим: Да, если тип display равен block или inline-block В противном случае, если это inline, FF3.5 не сохранит место, но IE7, Safari3.2 и Opera9.5 + сохранят. (Протестировано) В режиме «Причуды» FF3.5 сохраняет место как и другие.

Предпочитают стилизацию вашего документа с помощью CSS. HTML служит другому назначению:

Предоставляет средства для создания структурированные документы, обозначая структурная семантика для текста ...

Соответствующие ссылки:

• Изображения: атрибуты высоты и ширины @ annevankesteren.nl
• Причудливый режим и строгий режим @ quirksmode.org