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

HTML タグ辞典 <th>タグ


<th>タグ リファレンス



<th>タグ 説明



「 th 」 は 「 Table Header 」 の略で、<th>タグには、<table>タグの中で、表(テーブル)のヘッダ部分となるセルの記述、表(テーブル)の表題(タイトル)を記述します


多くのブラウザでは、<th>タグで定義した文字は、太字の中央表示になります



<th>タグ 記述例



記述例 <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 」指定はできません




<th>タグ 属性



属性 意味
colspan=n セルを n個、横方向に連結します
rowspan=n セルを n個、縦方向に連結します
bordercolor=color 枠線の色を指定します
bordercolordark=color 立体的な枠線の暗い部分の色を指定します
bordercolorlight=color 立体的な枠線の明るい部分の色を指定します
background=url 背景画像を指定します <table>, <tr>, <th> でも指定可能です
bgcolor=color 背景色を指定します
align=align center:中央表示
char:指定文字揃え
justify:均等割付
left:左寄せ
right:右寄せ
セル内データの横方向の配置を指定します HTML5 では廃止予定です
valign=valign baseline:ベースライン揃え
bottom:下揃え
center:中央揃え
middle:中央揃え
top:上揃え
セル内データの縦方向の配置を指定します
height=n セルの高さを 300 のようなピクセル値、または 50% のようなパーセントで指定します
width=n セルの横幅を 300 のようなピクセル値、または 50% のようなパーセントで指定します
nowrap セル内データが自動改行されないようにします
char=char 位置揃えする文字を指定します
charoff=n char 属性で指定した文字を、セルの左端からどのくらいの位置に表示するかのオフセットを指定します
abbr=abbr 主に <th> で使用します。セルの内容の省略情報を記述します。音声ブラウザがセルの概略を読み上げるのに役立ちます
axis=axis 多次元配列データのための軸情報などを記述します
scope=scope 見出しセルに対して指定します
row はその見出しが列方向に対する見出しであること、col はその見出しが行方向に対する見出しであることを示します




一般属性



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





<th>タグ SEOへの影響


特に影響はありません

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

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

© 2014 abhp.net All Rights Reserved.

参考情報


 HTMLリファレンス
 th - テーブルヘッダ項目

HTML タグ辞典

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