HTMLパーツからHTMLタグへ 【ヘッダー編３】

ども、サンデーアマグラマーNorimakiです。

やっとこさＭＴのラスボスを倒したと思ったんですが、
なんとラスボスは２匹いました。
なので、もうちょいかかります。

ということで、今日も急遽、前にやっていたHTMLタグについて書いて
みたいと思います。まずは、おさらいです。

ヘッダー部分の要素については以下のものがあるということ。

・ヘッダー画像
・サイトタイトル
・サブタイトル
・サイトの説明文
・アフィリエイトバナー
・H1タグ
・ナビゲーション（パンくずリスト・グローバルメニュー
　のようなもの）
・各種リンク

そして、ヘッダー部分は、

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

で括ること。で、前回は「サイトの説明文」まで説明しました。

次に行きます。


■アフィリエイトバナー

アフィリエイトバナーと書いていますが画像リンクです。
ヘッダーに置くアフィリエイトリンクについては、効果の程は
知れていますが、そういうテンプレもあったので、とりあえず
要素として入れてみたということです。

ここに、アフィリエイト以外の画像のリンクを入れるという
こともありだと思います。例に出したと思いますが、RSSの
画像リンクもありといえばありです。

そこで、どのようにするのかというと、HTMLで書くと、
こんな感じでしょうか。クラス名は「AfBanner」とします。

<div class="AfBanner">
<a href="http://....."><img src="http://....."></a>
</div>

位置やサイズに関してはスタイルシートの守備範囲なので、HTMLには
出てきません。ここではクラス名で指定してあげるだけです。

画像リンクと考えているのでこのようなHTMLになりました。
アフィリエイトバナーということであれば、２行目がアフィリエイト
コードとなります。

数としては１つと考えています。この手のものを複数配置するのは
考え物なので、１つに限定しています。

意外にも長くなってしまったので、今回はここら辺にしておきます。


ではでは。
Norimakiでした。



無料ツール（配布期間限定）が手に入るメルマガ発行中です。
登録はこちらからどうぞ