Чем больше «правильного» способа определить ширину и высоту <img>? Будет ли это каталог через тег с его атрибутами «ширина» и «высота», или было бы лучше сделать это с помощью CSS img { width:...; height... }?HTML5 img tag dimensions
В этом случае это, безусловно, правильный путь, действительно нет неправильного пути, чтобы указать ширину и высоту самого тега изображения. Особенно на этапе рендеринга вашего сайта, имея размеры, указанные там, будет небольшое улучшение производительности, так как браузеру не нужно пытаться вычислять размер изображений.
«Автор требования: ширина и высота атрибутов IMG, IFRAME, врезать, объект, видео, и, когда их атрибут типа находится в состоянии кнопки изображения, элементы ввода могут быть заданы, чтобы дать размеры визуального содержимого элемента ».
Все стили элементов должны быть выполнены с использованием CSS. В большинстве случаев атрибуты высоты и ширины считаются более недействительными. Таким образом вы отделяете стиль и макет от функции. Это также должно привести к созданию более чистого кода html и небольших файлов.
Оба способа являются «правильными».
Использование зависит от личных предпочтений или политических (корпоративных) решений.
Я сам думаю, что лучше поместить его в css.
Вы всегда должны использовать CSS для HTML-атрибутов. HTML предназначен для определения структуры, в то время как CSS указывает браузеру, как его отображать.
Оба способа: fine. Атрибуты width и height являются необязательными. Если ни один не указан, будут использоваться размеры ресурса.
Я бы предпочёл их указать в соответствующих width и height атрибутах, потому что они тесно связаны с используемым src. Не имеет смысла держать их в таблице стилей.
Из спецификации (курсив мой):
Ширина и высота атрибутов IMG, Iframe, .... и входных элементов могут быть определены, чтобы дать размеры визуального содержимого (ширина и высота соответственно относительно номинального направления выходного носителя), в пикселях CSS. Атрибуты, если они указаны, должны иметь значения, которые являются действительными целыми неотрицательными.
Для одного уникального контента изображения, используемого как только ему нет причин не использовать встроенный width/height атрибутов. Они все еще действительны, даже в Strict.
обстоятельство правило CSS было бы лучше:
есть количество экземпляров изображения или несколько изображений одинакового размера.Правило позволит вам сократить количество разметки, которую вы должны написать;
изображение является частью функции компоновки, а не содержимого; другая таблица стилей может захотеть изменить ее размер;
я мог бы использовать более сложные правила проклейки, чем width/height атрибуты позволяют, например, % -sizing или max-width.
Расчет размера изображения, вероятно, занимает меньше времени, чем анализ этих двух атрибутов. – jwueller
Из спецификации ясно, что эти атрибуты не требуются, и в современных браузерах, оставляющих это, скорее всего, не будет проблемой, но для старых браузеров указание ширины и высоты элемента - определенно хорошая идея. –