html tfoot「テーブル（tableタグ）の行をグループ化した際のフッタ部分の指定。ヘッダ部、ボディ部、フッタ部がある。」

HTML5

• 目次
• sec.1
• sec.2
• sec.3
• sec.4
• sec.5

目次

• HTML tfoot 要素（タグ）
• サポート
• 内容
• サンプルコード
• 属性

<tfoot>

書式
<tfoot 属性="属性値">table要素内のフッターコンテンツを明示的に指定</tfoot>

サンプル

<tfoot>タグ（<tfoot>要素）でテーブル（表）（tableタグ）の行をグループ化した際のフッタ部分の指定します。テーブルにはヘッダ部、ボディ部、フッタ部があります。

HTML tfoot タグ（Tag）

<tfoot>

サンプルコード

XHTML

<!-- 書式 --> <tfoot 属性="属性値">table要素内のフッターコンテンツを明示的に指定</tfoot> <!-- サンプル -->

1 2 3 4

<!-- 書式 --> <tfoot 属性="属性値">table要素内のフッターコンテンツを明示的に指定</tfoot>   <!-- サンプル -->

種別
開始タグ	必須	終了タグ

サポート

Chrome		Firefox
Safari	Ver1.0～	Opera
Internet Explorer	Ver2.0～	HTML

内容

<tfoot>タグ（<tfoot>要素）でテーブル（表）（tableタグ）の行をグループ化した際のフッタ部分の指定します。テーブルにはヘッダ部、ボディ部、フッタ部があります。

サンプルコード

– サンプル Click Here ! –

• html tag
• ブラウザ表示
• html code

サンプルコード

XHTML

1

サンプルコード

XHTML

1

属性

グローバル属性

グローバル属性はすべての タグ（要素）で使用可能な属性です。

属性	タグ（要素）	値について
accesskey	グローバル属性	任意の半角英数字1文字 ※大文字小文字区別
要素にアクセスキー（ショートカットキー）を割り当て、キーボード操作でアクティベート、または、フォーカスできるようにする。 書式 <タグ名 accesskey="値"> 値の例 半角英数字
autocapitalize	グローバル属性	入力文字列の先頭大文字化
ユーザーによって入力／編集されたとき、入力文字列が自動的に大文字化されるかどうか、どのように行われるかを制御します。 書式 <タグ名 autocapitalize="値"> 値の例 off／none on／sentences words characters
class	グローバル属性	クラス名
要素にクラス名を指定します。半角スペースで区切ることで複数のクラス名を指定できます。 書式 <タグ名 class="値"> 値の例 クラス名
contentEditable	グローバル属性	編集の 可・不可
要素の内容の編集が 可・不可 であるかを指定します。 書式 <タグ名 contentEditable="値"> 値の例 true false
contextmenu	グローバル属性	コンテクストメニュー menu要素のid属性の値
要素のコンテキストメニューを指定します。コンテキストメニューとして機能する menu要素 の ID を指定する属性です。 書式 <タグ名 contextmenu="値"> 値の例
data-*	グローバル属性	カスタムデータ属性
HTML要素にカスタム属性が添付し、要素にオリジナル拡張データを格納するための指定です。 書式 <タグ名 data-*="値"> 値の例
dir	グローバル属性	テキストの方向性
要素内テキストの文字方向を指定します。指定できる値は ltr (Left-To-Right) または rtl (Right-To-Left) です。 書式 <タグ名 dir="値"> 値の例 ltr rtl auto
draggable	グローバル属性	ドラックの 可・不可
要素のドラックを 可・不可 であるかを指定します。 書式 <タグ名 draggable="値"> 値の例 true false
dropzone	グローバル属性	種類と処理方法
要素をドロップ可能な領域として指定し、ドロップ時に種類としてファイル(file:)、テキスト(string:)、処理としてコピー(copy)、移動(move)、リンク(link)などを指定します。 書式 <タグ名 dropzone="値"> 値の例 string:copy string:move string:link file:copy file:move file:link
hidden	グローバル属性	要素非表示
要素を非表示に指定します。 書式 <タグ名 hidden="hidden"> <タグ名 hidden=""> <タグ名 hidden> 値の例 hidden ""
id	グローバル属性	id名
要素にid名を指定します。クラス名とは異なりid名の値はドキュメント中で一意の固有名とします。 特定の要素へスタイルを設定するために CSS と共によく使われます。この属性の値は一位でなければなりません。 書式 <タグ名 id="値"> 値の例 id名
itemid	グローバル属性	id名
要素に HTML Microdata（構造化データ）のアイテム（処理項目）の範囲が指定された場合に、itemtype属性 でデータの種類を指定しますが、さらに詳細の識別子がある場合、itemid属性 で指定します。 ※HTML文書に構造化データとしての意味を持たせる属性群の1つです。item関連の属性を付与された要素では、Microdata として処理が可能で、他の言語などから抽出などの処理が可能になります。 書式 <タグ名 itemid="値"> 値の例 id名
itemref	グローバル属性	itemref名
要素に HTML Microdata（構造化データ）のアイテム（処理項目）の範囲が指定された場合に、その範囲外との関連付けを指定します。通常は、itemscope属性 で指定した範囲内が対象となりますが、itemscope属性 で指定した範囲外で関連性のあるデータがある場合、itemref属性 で関連付けます。 ※HTML文書に構造化データとしての意味を持たせる属性群の1つです。item関連の属性を付与された要素では、Microdata として処理が可能で、他の言語などから抽出などの処理が可能になります。 書式 <タグ名 itemref="値"> 値の例 itemref名
itemscope	グローバル属性	itemscope
要素に HTML Microdata（構造化データ）のアイテム（処理項目）の範囲を示します。要素に itemscope属性 が指定されている場合、ここから Microdata を扱うという宣言にもなります。 ※HTML文書に構造化データとしての意味を持たせる属性群の1つです。item関連の属性を付与された要素では、Microdata として処理が可能で、他の言語などから抽出などの処理が可能になります。 書式 <タグ名 itemscope="itemscope"> <タグ名 itemscope> 値の例 itemscope
itemtype	グローバル属性	itemtypeの種類
要素に HTML Microdata（構造化データ）のアイテム（処理項目）の種類を示します。itemscope属性 で Microdata（構造化データ） の範囲を指定した場合に、データの種類を指定します。 ※HTML文書に構造化データとしての意味を持たせる属性群の1つです。item関連の属性を付与された要素では、Microdata として処理が可能で、他の言語などから抽出などの処理が可能になります。 書式 <タグ名 itemtype="値"> 値の例 https://schema.org/Person http://schema.org/WebPage
itemprop	グローバル属性	itemprop名
要素に HTML Microdata（構造化データ）のアイテム（処理項目）のプロパティを指定します。itemscope属性 で Microdata（構造化データ） の範囲を指定した場合に、範囲内のデータのプロパティを指定します。プロパティにより、範囲内の各要素の詳細データ内容が識別できます。プロパティの意味は、 itemscope属性 と同時に指定してある itemtype属性 で指定した内容によって判断されます。 ※HTML文書に構造化データとしての意味を持たせる属性群の1つです。item関連の属性を付与された要素では、Microdata として処理が可能で、他の言語などから抽出などの処理が可能になります。 書式 <タグ名 itemprop="値"> 値の例 itemprop名
lang	グローバル属性	言語コード
HTMLドキュメントや要素の言語を指定します。en（英語）、ja（日本語）、zh（中国語）など 書式 <タグ名 lang="値"> 値の例 en ja
nonce	グローバル属性	ワンタイムトークン（base64-value）
HTMLドキュメント内のスクリプトの実行の有無を指定します。コンテンツセキュリティポリシーCSP（Content Security Policy）に則ります。クロスサイトスクリプティング（XSS）などの攻撃からWebサイトを保護する仕組みの一環です。 書式 <タグ名 nonce="値"> 値の例 YmFzZTY0LXZhbHVl
slot	グローバル属性	割り当て名
要素に影のDOMを追加します。通常のDOMの裏に別のDOMを隠すことが出来ます。 書式 <タグ名 slot="値"> 値の例 slot割り当て名
spellcheck	グローバル属性	スペルチェックの有・無
要素の内容のスペルチェックの有無を指定します。 書式 <タグ名 spellcheck="値"> 値の例 true false
style	グローバル属性	プロパティと値でスタイルを指定
要素にスタイルを指定します。CSSプロパティとその値を指定します。「 ; （セミコロン）」で区切って複数のスタイルを記述することが出来ます。 書式 <タグ名 style="プロパティ:値;"> 値の例 width:100%; margin:10px;
tabindex	グローバル属性	順序を指定する + - 整数値
Tabキーが押された時、要素がフォーカスさせる優先順位を指定します。ブラウザの設定より優先されます。 書式 <タグ名 tabindex="値"> 値の例 + - 整数値
title	グローバル属性	テキストで要素の補足説明
要素の補足情報を指定します。PC ブラウザーでは、マウスオーバー時にツールチップとしてその属性値が表示されます。 書式 <タグ名 title="値"> 値の例 補足情報
translate	グローバル属性	翻訳の有・無
要素の翻訳の有無を指定します。 書式 <タグ名 translate="値"> 値の例 yes no

タグ（＝記事関連ワード）

日付

このカテゴリの他のページ

HTML の特殊文字 空白・アンド・クォーテーション・大なり・小なり など

html a href「リンクする、リンクをはる」

html abbr「略語や頭字語（とうじご）の表示」

html acronym「頭字語（とうじご）の明示」

html address「連絡先を表す」

html applet「Javaアプレットを挿入する」

html area「画像にリンク領域指定」

article html 「自己完結の独立コンテンツ」

aside html 「余談・挿話 など本筋の間接的な情報」

html accept 属性「アップロードするファイル種類を指定」

html audio「音声ファイルを定義する」

html code「プログラムコードであることを示す」

html col「テーブル(表)(tableタグ)の縦列(カラム)の各セルに対して属性を定義」

html colgroup「テーブル(表)(tableタグ)の縦列(カラム)をグループとして纏めます」

html datalist「外部コントロール可能なオプションのリストを指定」

html dd「dlタグで作られた定義用リストにおいて、定義用語の説明を指定」

html del「後から削除された箇所を示す。打消し線が表示。」

html details「表示／非表示できる折り畳み式のウィジェットを作成する」

html dfn「文字が文中の定義対象部分であることを示す」

html dialog「ダイアログを作る」

html dir「ファイルやフォルダのリストを作る」

html div「コンテンツをブロック要素として指定する」

html dl「定義リストを作る」

html dt「dlタグで作られた定義用リストにおいて、定義用語を指定」

html em「テキストを強調する」

html embed「動画、音声、Flashコンテンツなどを埋め込む」

html bdi「双方向文字の中で他の文字と隔離する文字の範囲を指定」

html bdo「文字の方向を指定する」

html big「文字を一回り大きくする」

html blockquote「他のコンテンツから引用していることを示す」

html body「ブラウザに表示されるコンテンツ部分を指定する。本文箇所。」

html br「改行を作る」

html button「汎用的なボタンを作る」

html canvas「グラフィックやアニメーションを描画する領域を示す」

html caption「テーブル(表)(tableタグ)のキャプション（タイトル）を指定」

html center「文字や画像を中央配置にする」

html cite「引用や参照しているコンテンツであることを示す」

html fieldset「フォーム（formタグ）内の入力箇所をグループ化する」

html figcaption「figureタグのキャプションを示す」

html b「囲んだ文字部分を太文字にする」

html base「文書内の相対パスURLの基準URLを指定する」

html basefont「文字の基準を指定する」

html video「動画を指定します」

html wbr「改行しても良い箇所を指定する」

html hr「水平罫線を作る」

html html「HTML文書であることを指定する」

html i「文字を斜体にする」

html iframe「ウィンドウ中央に フレームを作る」

html img「画像を表示する」

html input「フォーム（formタグ）の中で、入力箇所やボタンを作る」

html ins「後から追加された箇所を示す」

html kbd「キーボードから入力される文字であることを示す」

html keygen「フォームの安全性を向上させる」

html label「フォーム（formタグ）の中で、構成部品と項目名をラベリングする」

html legend「fieldsetタグでグループ化したものに名前を付ける」

html li「リストを作成する」

html link「hrefで指定された文書との関係性を定義する」

html main「コンテンツのメイン部分を指定する」

html map「一つの画像に複数のリンクを作る」

html mark「文書内のハイライト部分を指定する」

html marquee「文字を上下、左右にスクロールさせる」

html menu「リストを作成する」

html menuitem「menuタグを組み合わせてポップアップメニューを作成する」

html meta「文書のメタ情報を指定する」

html meter「測定値を示す」

html nav「文書のナビゲーションを示す」

html noframes「フレームをサポートしていないブラウザに表示する代替文章を指定」

html noscript「スクリプトをサポートしていないブラウザに表示する代替文章を指定」

html object「動画、音声、コンテンツなどを埋め込む」

html ol「順序のあるリストを作成する」

html optgroup「selectタグ内のoption群をグループ化する」

html option「selectタグ内の選択肢を作成する」

html output「フォーム（formタグ）の中で、計算結果を表示する」

html p「段落を作る」

html param「objectタグなどに渡すパラメーター（値）を指定する」

html pre「HTMLコード中の改行やスペースをそのまま表示する」

html progress「現在の進捗状況を示す」

html q「短い引用文として定義する」

html rp「文字にルビを指定する」

html rt「文字にルビを指定する」

html ruby「文字にルビを指定する」

html s「文書の削除を指定する。打消し線が表示される」

html samp「プログラムからの出力サンプルであることを明示する。」

html script「スクリプトを挿入する」

html section「文書中に章(セクション)を指定する」

html select「フォーム（formタグ）の中で、セレクトボックスを作成する」

html small「文字を一回り小さくする」

html source「メディア要素の選択肢を作成する。videoタグやaudioタグなどの子要素。」

html span「文書中にスタイルシート等を挿入する」

html strike「文字に打消し線を引く」

html strong「文字を太くして強調する」

html style「スタイルシートを定義する」

html sub「下付き文字を表示する」

html summary「detailsタグの子要素として要約を定義する」

html sup「上付き文字を表示する」

html table「テーブル（表）を作成する」

html tbody「テーブル（tableタグ）の行をグループ化した際のボディ部分の指定。ヘッダ部、ボディ部、フッタ部がある。」

html td「テーブル（tableタグ）のセルを作る」

html textarea「フォーム（formタグ）の中で、複数行の文字入力エリアを作る」

html tfoot「テーブル（tableタグ）の行をグループ化した際のフッタ部分の指定。ヘッダ部、ボディ部、フッタ部がある。」

html th「テーブル（tableタグ）のヘッダセルを作る。見出し。」

html thead「テーブル（tableタグ）の行をグループ化した際のヘッダ部分の指定。ヘッダ部、ボディ部、フッタ部がある。」

html time「日時を表示する」

html title「HTML文書のタイトルを記述する。ヘッダ部(headタグ)内で一度記述する」

html tr「テーブル（tableタグ）の行を作る」

html track「audioタグやvideoタグの要素にトラック情報を指定する」

html tt「文字を等幅にする」

html u「文字に下線を引く」

html ul「順序のないリストを作成する」

html var「変数を指定します」

html figure「図や写真をマークアップする」

html font「文字の大きさや色を指定する」

html footer「フッター文書を指定する」

html form「入力や送信フォームを作成すｒう」

html frame「framesetタグの中で呼び出す内容を指定する」

html frameset「ウィンドウを複数のフレームに分割する」

html head「ヘッダ部を指定する」

html header「ヘッダー文書を指定する」

html h1 to h6「見出しを指定する」

この記事へのコメント

トラックバックurl