0

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>

それは仕事を成し遂げ、私が言ったように、それは私が望むように見えます-私の問題は、この方法で画像を挿入することがそれほど頻繁に行われないことに気付いたことですか? (私は間違っている可能性がありますので、お気軽に訂正してください) — 私は良いコーディングの習慣を身に付けようとしているので、これが適切な方法でない場合は、知りたいです。現在行っていること以外に、画像を挿入して希望どおりに表示する方法がわかりません。そのためのクラスを作成してから、html に挿入する方がよいでしょうか?

4

2 に答える 2

2

URL を使用することは目的の効果を実現するための実行可能な方法ですが、タグを使用して HTML 内に適切な階層を作成することは常に私が好む方法です。これにより可読性が向上し、コードがよりきれいに見えます。もちろん、これはすべて Web プログラミング標準に由来するものであり、tumblr は HTML を使用したマークアップのプラットフォームとしては、より「ビルダーに優しい」開発環境と比較するとやや非正統的です。

要するに、可能な場合は HTML 内に階層を実装することを強くお勧めします。これにより、マークアップ言語内の専門性が向上します。

于 2020-06-20T19:56:50.997 に答える
1

background-image 属性を使用するアプローチは非常に優れています。

このアプローチは、多くの Web サイトでも人気があります。<img>さらに、このアプローチは、タグを使用するよりも安全であると考えられています。したがって、どこでも background-image を使用してもまったく問題ありません。

于 2020-06-20T19:57:12.287 に答える