TIL.3) img vs bg-img_HTML

🚨 Caution 🚨

これはあなたがwecodeで学んだ内容に基づいて書いた文章です.
筆者が理解した部分に基づいて書いた文章で、実際の内容とは少し違うかもしれません.
この点に注意してください
コンテンツへのフィードバックに感謝します.

💡 img vs bg-img

ページに画像を挿入するのはよくあります.
単純な文字ページに比べて、このページの性質はより直感的である.
画像の配置によって、よりきれいなページを生成することができます.
しかし、ここでは、imgタグを使用して画像を表示します.background-imgを使用して画像を表示することを選択する必要があります.
この2つにはどんな違いがありますか.どうやって使えばいいですか.

▪️ Sementic Web & Tag

この問題について考える前に、まず理解しなければならない部分があります.
まずSementic Webの概念をつかんでこそ,その問題の答えの方向を特定することができる.
まず簡単な例を聞いてみましょう.

<font size="6"><b>Hello</b></font>
<h1>Hello</h1>

のコードから明らかなように、異なるコードを記述しています.
目に見える結果は同じであることが確認できます.
もちろん、人間の目には、これらの結果は同じです.
パソコンの読解部分では、異なるコードで読解します.
まず、上のコードでは「helloという文字の大きさは6で、太字処理されている」と考えられます.
次のコードは[helloはこのページのタイトルです]と認識されます.
つまり、どのようなラベルが使われているかによって、全く異なる結果が得られる.
このように使用するコードに基づいて,コードの意味をコンピュータに明確に知らせる.
Sementic Webの特徴と言えるでしょう.
そしてその意味を明確に表すラベルをSementic Tagと理解すればよい

▼imgの運用

では、これらのラベルをどう使えばいいですか.
まず,imgタグは有意義なSementic Tagの1つである.
タグは、コードが画像であることを明確に示す.
画像がエラーで表示されなくても、altというプロパティを使用します.
そのイメージの説明や代替できる文章を公開することができます.
これらの機能を使用すると、ページの表示が不便なユーザーでも、
このページにどのような内容が含まれているかをある程度確認できます.
では、imgラベルだけで画像を露出するのは正しいですか?
それも違います.
個人的に明確な意味を持つコード
このページで重要とされている部分が正しく使われていると考えられます.
作文にも括弧が2つあり、括弧がなく、
ページ上でも、重要な情報がユーザーの前に露出します.
これは混乱を引き起こす可能性があると思います.
伝えたい内容に意味のあるマークを使います.
それ以外に、視覚的にもっと強調したい部分は、他の方法でコードを書くことができます.
このページを調整できる方向に運用することが望ましい.
最終的には明確な答えはありませんでしたが、
コーディングにいくつかのガイドがあれば
もっと良い結果が期待できますか?