2012-03-06 3 views
4

私はウェブサイトを構築しており、HTML5を使用しています。私は私の会社のロゴであるimgをヘッダに挿入します。効率的という点と正確ではそれがより良い私のCSSスタイルにbackground-image: url("logo.gif")としてのCSS可否を設定されているか、htmlファイル私のウェブサイトのヘッダーにimgを設定しました

<header> 
    <img src="logo.gif" alt="logo" /> 
</header> 

答えて

7

それはimgタグ、ないbackground-imageなどの画像を含めることが最善であるに含みます。

これは、クライアントがブラウザでCSSを無効にしている場合、またはCSSをサポートしていない場合でも、ページの上部にロゴが表示されることを意味します。


これは、あなたがロゴに、これらの日のウェブサイトのための一般的なユーザビリティのポイントになってきたホームページへのリンク、作ることも意味します。この種の状況の詳細については

<header> 
    <a href="/index.html"><img src="logo.gif" alt="logo" /></a> 
</header> 

を、この人気のStackOverflowの投稿を参照してください:あなたはあなたのロゴの上にいくつかの内容を持っている必要がない限り

When to use IMG vs. CSS background-image?

0

、私はのために行くだろうタグ(「alt」というテキストがある場合は、スクリーンリーダーにも適しています)。

3

です。

あなたのロゴをクリック可能にする必要がある場合は、HMTLにそれを含めます。 (使いやすさ)

デザイン目的でのみ存在する場合は、CSSを使用してください。

CSSのウェブサイトの外観に関連するすべてを定義するのが一般的には良い考えです。

HTML:

<header> 
    <div id="company_logo"></div> 
</header> 

CSS:

#company_logo{ 
width:50px; 
height:50px; 
background-image:url(); 
} 
+0

CSSのためにupvote。 – gsamaras

0

背景画像は、あなたのサイトが印刷されているの目的を持っている場合、その後、あなたのロゴが表示されません、印刷することができません。

ロゴはコンテンツであり、背景はスタイルであることに注意してください。バックグラウンドをロゴとして使用するのは意味がありません。

関連する問題