HTML5バナーとは何か

HTML5バナーは、HTML、CSS、JavaScriptで作られた小さなWebページで、別のページの広告枠の中に表示されます。画像でも動画でもなく、ブラウザが実行するコードです。どのサイトのコードとも同じように実行されます。

画像やGIFとの違い

静止画は動きません。アニメーションGIFは動きますが、写真の連続なので、容量が大きく、色数が少なく、拡大するとぼやけます。HTML5バナーはテキストと図形をコードで描画するため、どの画面密度でもくっきり表示され、正確にアニメーションでき、通常ははるかに軽くなります。

構成要素

• index.html ファイル：構造とテキストを含みます。
• スタイル（CSS）：各要素の見た目を指定します。
• コード（JavaScript）：要素を動かし、クリックを処理します。
• 画像とフォント（ある場合）：index.html と同じ場所に置きます。

これらはすべて1つの .zip ファイルにまとめられます。バナーを公開するプラットフォームのアドサーバーが、それを解凍して表示します。