Inline style vs "inline style". В чем разница?

Question

В чем разница между height="50" VS style="height:50px"?

И height="50" VS style="height:50"?

Я всегда смущен этим.

Answer 1

Используя атрибут style, вы добавляете богатый CSS в элемент. Некоторые стили не могут быть добавлены с использованием атрибутов HTML. Например, <div style="background-color: #ff00ff; float: right"> невозможно с помощью обычных HTML-атрибутов.

Answer 2

Атрибуты, связанные с презентацией, такие как height="50", где оригинальный способ указать информацию о представлении элементов HTML.

Однако, с тех пор они были устаревшими в пользу CSS, с помощью style, class и id атрибутов на, которые дают гораздо больше гибкости, что первоначальные атрибуты (по крайней мере потому, что CSS может быть продлен, не прикасаясь к определению Сам HTML, но, конечно, также потому, что вы получаете «каскадную» часть, а также несколько единиц, медиа-запросов и многое другое).

Вы должны, таким образом, избегать таких атрибутов в HTML.

Единственным исключением является HTML в электронной почте, так как многие клиенты поддерживают эти атрибуты, но не версии CSS.

Обратите внимание, что вы должны вообще избегать атрибутов style, в пользу отдельных CSS и class и/или id атрибутов. Это позволяет полностью отделять HTML и CSS и упрощает изменение презентации вашей страницы, не касаясь HTML (или кода, который ее генерирует).

Кроме того, в CSS (и, таким образом, в style атрибутов), вы должны указать единицы (за исключением 0), так height: 50 не является действительным, вы должны использовать height: 50px (или другого устройства).