В чем основное различие между HTML Style Property и прямым размещением свойства внутри тегов?

Question

У меня сложилось впечатление, что

<img width="48%" /> (wordpress classic editor will do it this way by default)

совпадает с

<img style="width:48%;" />

Однако в реальных тестах я обнаружил, что моя тема WordPress полностью не работает свышеупомянутый. Свойство HTML Style работает, прямое вложение свойства полностью игнорируется. Итак, что именно происходит?

<img style="width:48%;" /> does not work (default)

<img width="48%" /> works

Я просто хочу по-настоящему понять, в чем разница между двумя способами добавления атрибутов.

Answer 1

Вы не можете использовать процент в атрибуте ширины тега img, он принимает только число, которое считается пикселем <img width="48" /> здесь 48 в пикселях. Но когда вы используете встроенный CSS или атрибут style, вы можете указывать значения в процентах.