Правильно ли использовать атрибуты width="100%" height="auto" для изображений?

[tester2014]

Добрый день.
Пытаясь решить проблему что встроенные средства WP автоматически заменяют указанные атрибуты на "строгие"цифры, в одной из офлайн службы поддержки получил ответ "WP не поддерживает такие атрибуты".
У меня возник вопрос:
или
это некий "исторический" момент и, скажем, в будущем он может быть исправлен
или
есть какие то соображения что использование таких атрибутов плохо и WP целенаправленно не поддерживает их.
Соответственно тогда хотелось бы понять чем использование таких атрибутов плохо?
Спасибо

[Great Rash]

В HTML5 не приветствуется использование атрибутов тега для его стилизации. Вместо этого рекомендуется использовать CSS. Но это не означает, что атрибуты использовать запрещено.

[klierik]

height="auto" -- я не уверен, но кажется нет такого значения у данного аттрибута.

 

дело в том что этот подход устаревший, и его мало кто будет поддерживать, в том время когда достаточно записать:

// Responsive image//// Keep images from scaling beyond the width of their parents..img-responsive {  display: block;  width: 100% \9; // Force IE10 and below to size SVG images correctly  max-width: 100%; // Part 1: Set a maximum relative to the parent  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching}

[SelenIT]

Вообще говоря, width в процентах для картинок именно что запрещена:

Author requirements: The width and height attributes on img, iframe, embed, object, video, and, when their type attribute is in the Image Button state, input elements may be specified to give the dimensions of the visual content of the element (the width and height respectively, relative to the nominal direction of the output medium), in CSS pixels. The attributes, if specified, must have values that are valid non-negative integers.

Требование для авторов страниц: высота и ширина для img, iframe, embed, object, video и input type=image может указываться для задания размеров визуального содержимого (…), в CSS-пикселях. Если эти атрибуты указаны, их значениями должны быть валидные неотрицательные целые числа.

Поэтому width=100% для картинки всё же невалидно. Другое дело, что браузеры всё равно обязаны такое понимать, поэтому работать должно. Но, действительно, зачем, что мешает назначить класс?

[tester2014]

 

height="auto" -- я не уверен, но кажется нет такого значения у данного аттрибута.

 

дело в том что этот подход устаревший, и его мало кто будет поддерживать, в том время когда достаточно записать:

// Responsive image//// Keep images from scaling beyond the width of their parents..img-responsive {  display: block;  width: 100% \9; // Force IE10 and below to size SVG images correctly  max-width: 100%; // Part 1: Set a maximum relative to the parent  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching}

А куда этовставлять? И что будет с картинками миниатюр (150 x auto)?

Вообще говоря, width в процентах для картинок именно что запрещена:

Author requirements: The width and height attributes on img, iframe, embed, object, video, and, when their type attribute is in the Image Button state, input elements may be specified to give the dimensions of the visual content of the element (the width and height respectively, relative to the nominal direction of the output medium), in CSS pixels. The attributes, if specified, must have values that are valid non-negative integers.

Требование для авторов страниц: высота и ширина для img, iframe, embed, object, video и input type=image может указываться для задания размеров визуального содержимого (…), в CSS-пикселях. Если эти атрибуты указаны, их значениями должны быть валидные неотрицательные целые числа.

Поэтому width=100% для картинки всё же невалидно. Другое дело, что браузеры всё равно обязаны такое понимать, поэтому работать должно. Но, действительно, зачем, что мешает назначить класс?

 

как сделать класс?

Edited September 23, 2014 by tester2014