Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > тэг <img> - атавизм?


Автор: p0zt3r 13.3.2009, 23:07
Здравствуйте, форумчане!

Прошу дать ваше экспертное мнение по такому вопросу...

Код

<img id="" src="..." width="..." height="..." border="...">


или

Код

<div id="..." style="background: no-repeat; background-image: url('image.jpg'); width:...px; height:...px; border:...">


Что лучше с позиции программирования/вёрстки/стиля кода со взглядом в будущее?

Я пользуюсь последним, т.к. мне очень, ну просто  очень, удобно и нужно пользоваться областью изображения (контейнера в данном случае) из javascript'а.

Прошу без сравнения длины кода, ибо последний вариант с помощью css тоже можно запихнуть в коротенькую строчку.

Автор: bars80080 14.3.2009, 11:35
а как же тогда насчёт масштабирования изображений? или у тебя вся разметка без javascript поедет?

Автор: p0zt3r 14.3.2009, 15:33
Просто у меня изображений загружаются на сервер и масштабируются сервером. Я имею ввиду не те изображения, которые являются элементами оформления, логотипом, фоном или прочим статическим контентом. Я говорю об изображениях, которые являются пояснениями к статьям, фотографиями фотоальбома и т.п. Т.е. те изображения, в поле которых может происходить наложение объектов, созданных javascript. Пример тому - админский интерфейс для создания пометок на изображениях. 

Но, конечно,  можно в div запихнуть img и жить спокойно, но это лишний тэг...  

О масштабировании как-то не подумал. Тогда действительно 
Код
<div id="imageid" class="photos_div"><img class="photos" src=".../" width="..." height="" /></div>


Причем в этом случае можно для divа указать фоновое изображение, тогда в случае незагрузки изображения <img...> будет получено другое изображение (вроде "нет аватарки") и т.п.

Да и потом, накой чёрт всё же масштабировать изображение? Гарантия того, что оно поместится именно  в указанную область?
А откуда ты берёшь это изображение? Если с другого сервера, то конечно. А если ты берёшь со своего сервера, так почему бы тебе не загружать с него уже масштабированное изображение?

Автор: bars80080 14.3.2009, 17:49
Цитата(p0zt3r @  14.3.2009,  14:33 Найти цитируемый пост)
Я говорю об изображениях, которые являются пояснениями к статьям, фотографиями фотоальбома и т.п.
именно о статьях, как самом популярном контенте

Цитата(p0zt3r @  14.3.2009,  14:33 Найти цитируемый пост)
можно в div запихнуть img и жить спокойно, но это лишний тэг...  
а так лишние портянки стилей

Цитата(p0zt3r @  14.3.2009,  14:33 Найти цитируемый пост)
А откуда ты берёшь это изображение? Если с другого сервера, то конечно
очень даже часто. прямо скажем, в последнее время половина контента реализуется в web 2.0, а что там прилетит - фиг знает, приходится задавать жёсткие рамки

Цитата(p0zt3r @  14.3.2009,  14:33 Найти цитируемый пост)
А если ты берёшь со своего сервера, так почему бы тебе не загружать с него уже масштабированное изображение? 
и такое бывает, если страница заточена на резиновость или просто под несколько типов интерфейса (скины и прочее)

Автор: p0zt3r 14.3.2009, 20:16
В общем целостного мнения для себя не выработал, будем делать и так и сяк и набекрень smile Главное, чтобы выглядело и работало правильно.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)