記事タグHTML5timeタグ(time要素)は、日付や時刻、経過時間を表します。HTML5におけるtime要素の意味と使い方、使用できる属性、サンプルコード、使用例について解説します。>time要素は日付や時刻、経過時間などを表します。time要素にdatetime属性を指定しない場合はtime要素の内容が、そのまま値として扱われます。この場合、子要素を持つことはできず、日時を表すテキストはコンピューターによって取り扱える形式である必要があります。日付や時刻、経過時間のデータを指定します。値にはコンピューターによって取り扱い可能な文字列を指定できます。日時「2015年5月24日12:34分56秒」であれば以下のように記述します。省略形での記述も可能です。<time>2015-05-24T12:34:56</time>協定世界時で記述する場合は、日本であれば「+9:00」を日時の指定に加えます。<time>2015-05-24T12:34:56+9:00</time>経過時間を表す場合は、2つの書式があります。1つは、数値に週「w」、日「d」、時間「h」、分「m」、秒「s」の単位を付け、半角スペースで区切って表す書式です。1つは「P」に続けて、数値に日「D」の単位を付け、「T」で区切った後に、同じく時間「H」、分「M」、秒「S」を表す書式です。以下の例では2つの書式で「1週間と3日4時間18分3秒」を表しています。時間のみなどの省略形での記述も可能です。3s</time><time>P10DT4H18M3S</time>グローバル属性すべての要素で使用できる属性です。グローバル属性とイベントハンドラ属性サンプルコード以下の例では、ブログの記事内に記載した時間の記録と、記事を公開した日時をコンピューターによって読み取り可能な情報としています。14S">3時間32分14秒</time>でした。datetime="2015-11-29">2015年11月29日</time></footer></article>Share記事をシェアするtweetpocketこの記事が気に入ったらいいね!しようできるネットから最新の記事をお届けします。ゆうこ)Webサイト制作を行うデジパ株式会社所属のマークアップエンジニア。HTML、CSSによるコーディング業務から、CMSの導入・カスタマイズまで、制作業務全般に携わる。「ディレクターからの指示がなくても、かゆいところに手が届くように」がモットー。よしき)フリーランスによるWebサイト制作業務などを経て、2004年よりWebサイト制作を行うデジパ株式会社に所属。クリエイティブ事業部マネージャー。個人活動としてセミナーでの講演、執筆も行う。