Использует эффективный способ вставки изображений?

Question

Я пытаюсь закодировать тему для tumblr, меня устраивает макет, однако я не уверен, является ли кодирование наиболее эффективным способом вставки изображений. Я использую html для вставки декоративных элементов в свой фон, например:

<div style="width:321px;
height:513px;
background:url(https://static.tumblr.com/rcvxpmk/a1Cqbosyt/left_img_for_gctita_theme.png);
z-index:2;
top:120px;
left:48px;
position:fixed;">
</div>

Он выполняет свою работу, и, как я уже сказал, он выглядит так, как я хочу, но моя проблема заключается в что я замечаю, что вставка изображений таким способом выполняется не так часто? (я могу ошибаться, пожалуйста, не стесняйтесь поправлять меня) - Я пытаюсь привить хорошую практику кодирования, и поэтому, если это не правильный способ сделать это, я бы sh знал. Помимо того, что я делаю прямо сейчас, я не уверен, как вставлять изображения и заставлять их выглядеть так, как я хочу. Лучше сделать для него класс, а потом вставить в html?

Answer 1

Хотя использование URL-адреса - это жизнеспособный способ получить желаемый эффект, создание правильной иерархии внутри HTML с использованием тегов всегда является моим предпочтительным способом для go. Это увеличивает читаемость и делает наш код намного чище. Все это, конечно, исходит из стандартов веб-программирования, где tumblr является несколько неортодоксальной платформой для разметки с использованием HTML по сравнению с более «дружественными к сборщикам» средами разработки.

Короче говоря, я определенно рекомендую реализовать иерархию внутри ваш HTML там, где это возможно, поскольку это повышает профессионализм в использовании языков разметки.

Answer 2

Ваш подход к использованию атрибута background-image очень хорош.

Этот подход также популярен на многих веб-сайтах. Более того, такой подход считается более безопасным, чем использование тега <img>. Поэтому совершенно нормально использовать фоновое изображение везде, где оно работает.