Встроенная ширина для img или css width? - PullRequest
7 голосов
/ 22 ноября 2011

Я хотел бы знать, что из следующего лучше использовать или вообще лучше:

<img src = "foo.png" height = 32 width = 32 />

OR

<img src = "foo.png" style = "height: 32px; width: 32px;" />

Ответы [ 2 ]

5 голосов
/ 22 ноября 2011

последний лучше (и больше up2date).

<img src="foo.png" style="height:32px; width:32px;" />
3 голосов
/ 22 ноября 2011

Если вы хотите сохранить его в чистоте, никогда поместите атрибут стиля в любой тег HTML. Всегда используйте внешний файл CSS. Используйте ID или класс, так как они предназначены для этого. Если вам вдруг понадобится изменить что-то, присутствующее в 50 элементах HTML, вы проклянете день, когда решили сделать их все встроенными, вместо того, чтобы дать им всем класс и определить значения для этого класса во внешнем файле CSS. Поскольку редактирование одной строки в файле CSS намного проще, чем найти все 50 из них в файле HTML.

Кроме того, всегда заключайте свои атрибуты в одинарные или двойные кавычки. Это лучшая практика.

Кроме того, всегда закрывайте теги. Я серьезно не могу поверить, что кто-то в наше время сказал бы, что вам не нужно закрывать свои теги в HTML.

Тебе не нужно, это правда. Но я действительно думал, что мы все прошли эту точку лени.

Итак, я рекомендую вам использовать это: <img src="foo.png" height="32" width="32" />
Кроме того, нет необходимости ставить пробелы до или после знака = *.

...