HPB18 | HPB19 コンテンツ一覧
ホーム > HPB19 > HTML タグ辞典 > <caption>タグ
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

HTML タグ辞典 <caption>タグ


<caption>タグ リファレンス



<caption>タグ 説明



<caption> は、表(テーブル)の見出し、タイトルを記述するために用い、<table> タグの直後に一回だけ使用できます





<caption>タグ 記述例



記述例 <table bgcolor="#999999" border="0" cellspacing="1">
 <caption style="padding : 5px 20px;">表1</caption>
 <tbody>
  <tr>
   <th bgcolor="#ffffff" style="padding : 5px 20px;"></th>
   <th bgcolor="#ffffff" style="padding : 5px 20px;">列1</th>
   <th bgcolor="#ffffff" style="padding : 5px 20px;">列2</th>
  </tr>
  <tr>
   <th bgcolor="#ffffff" style="padding : 5px 20px;">行1</th>
   <td bgcolor="#ffffff" style="padding : 5px 20px;">右上</td>
   <td bgcolor="#ffffff" style="padding : 5px 20px;">右上</td>
   </tr>
  <tr>
   <th bgcolor="#ffffff" style="padding : 5px 20px;">行2</th>
   <td bgcolor="#ffffff" style="padding : 5px 20px;">右下</td>
   <td bgcolor="#ffffff" style="padding : 5px 20px;">右下</td>
  </tr>
 </tbody>
</table>
表示例
表1
列1 列2
行1 右上 右上
行2 右下 右下


<caption>タグ、および、<th>タグは、タイトル定義ですので、必ずしも必要な定義ではなく、必要に応じて、任意で使用します
「 bgcolor="#999999" 」、「 bgcolor="#ffffff" 」 は、表に罫線を引くための指定です
「 style="padding : 10px 20px;" 」 は、表の中をインデントするための 「 padding 」 指定で、最初の値 「 5px 」 は上下の、次の値 「 20p 」 が、左右のインデント指定値になっています
<caption>タグには、「 style 」指定はできますが、「 bgcolor 」指定はできません




<caption>タグ 属性



属性 指定値 意味
align=align top:上側中央 (既定値)
bottom:下側中央
left:左隅
right:右隅
center:中央
表示位置を指定します
align属性は Internet Explorer と Netscape Navigator、valign は Internet Explorer でサポートされていましたが、Internet Explorer 11 ではサポートが廃止されました
代わりにスタイルシートの caption-side や text-align を利用します
valign=valign top:上側(既定値)
bottom:下側
表示位置を指定します
align だけでは左下や右下に表示するのが無理なので、IE では align に加えてvalign をサポートしていました  




一般属性



属性 意味
accesskey=key アクセスキーを指定します
class=class クラスを指定します
contenteditable=bool 要素を編集可能にします
dir=dir 文字の表示方向を指定します
hidden 要素を非表示にします
id=id ID を指定します
lang=lang 言語を指定します
spellcheck=bool スペルをチェックします
style=style スタイルシートを指定します
tabindex=n タブインデックスを指定します
title=title タイトルを指定します
translate=title 翻訳可否を指定します





<caption>タグ SEOへの影響


特に影響はありません

<補足>
SEO ( Search Engine Optimization : 検索エンジン最適化 ) とは、Google、Yahoo!、Goo 等の検索サイトで検索された際に、検索結果表示ページ(SERP : サープ : Search Engine Result Page )の前の方(上位)に表示されるように工夫して、ホームページ、ブログをつくることです
そのために用いる方法をSEO対策と言い、適切に使うことによりSEOに効果のあるタグがあります
SEO対策について、詳しくお知りになりたい場合、詳細は、「 SEO対策 SEOとは 」をご参照下さい

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > HTML タグ辞典 > <caption>タグ
HPB18 | HPB19 コンテンツ一覧
   

© 2014 abhp.net All Rights Reserved.

参考情報


 HTMLリファレンス
 caption - テーブルの見出し

HTML タグ辞典

ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP