内職！節約副収入生活　>　 「アフィリエイト」編　>　 構造的なタグ付け

構造的なタグ付け（h1～h6やｐの使い方）

スタイルシートを適用しない時にも、それっぽく見えると良いかも！？。

構造的にタグを付けてみる

ホームページビルダー等で何も考えずに文書を作っても大丈夫ですが、タグを付けることによって文章に構造的な意味を持たせることが出来ます。

例えば、「h1～h6」は「見出し」を表し、「p」は「段落」を表します。

<H2>構造的にタグを付けてみる</H2>

<P>ホームページビルダー等で何も考えずに文書を作っても大丈夫ですが、タグを付けることによって文章に構造的な意味を持たせることが出来ます。</P>

<P>例えば、「h1～h6」は「見出し」を表し「p」は「段落」を表します。</P>

・・・といった感じです。<H2>から</H2>で囲まれた部分は「見出し」を表し、
<P>から</P>で囲まれた部分は段落を表します。

管理人（のび太）が良く使うものを以下に挙げておきます。

h1～h6　　：見出し（数字が小さいほど大見出し）
p　　　　　　：段落
div　　　　　：グループ化（範囲の設定）
ul　　　　　：リスト
ol　　　　　：番号付きリスト

注：文字の大きさの指定や行間などの表示の指定に関しては、スタイルシートを使います。スタイルシートを使うことによって、構造的なタグ付けをしつつ、見栄えにも気を配ることが出来ます。

h1～h6の使い方（構造的なタグ付け）

あくまで、「h1～h6」は「見出し」を表します。検索エンジンは「見出し」に書かれている内容を重視する傾向があるからといって、 文章全体を見出しで作ったり、「h1（大見出し）」をたくさん書いたりするのはやめましょう。「h1（大見出し）」は基本的にページに１つまでで、 他の見出しよりも上に来ます。

「h1～h6」の大きさはスタイルシート等で調節できますが、スタイルシート等を適用しなくても、それっぽく見える順序で使えば大丈夫だと思います。

このページの一番上に戻る

アフィリエイト　（目次）

アフィリエイトの基礎知識をあなたに。

アフィリエイト　（基礎編）

  1. アフィリエイトの流れ
  2. ホームページビルダーの準備　（初めは、あると重宝します。）
  3. サーバー選びと独自ドメインの取得
  4. テーマの決定　（最重要かつ、最難関。）
  5. 広告会社と契約
  6. アクセスアップ

アフィリエイト　（参考コラム）

  1. ウィルス対策
  2. 費用対効果　（初期投資の判断材料に！）
  3. インターネットのマナー
  4. ホームページビルダー入門　（ビルダーを使うならどうぞ。）
  5. 表示速度
  6. 外見 vs 中身

アフィリエイト　（Webデザイン）

  1. htmlの全体構造
  2. 構造的なタグ付け（h1～h6やｐの使い方）
  3. ページデザインの基本
  4. 文字サイズと文字数の指定
  5. 行間の指定　（だいぶ見やすくなります。）
  6. IE6のwidth解釈のバグ対策　（2カラムや3カラムの崩れ防止。）

このページの一番上に戻る