WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(ABC順) > <time>「タイム」

<time> 「日時」[読み方:タイム]

<time>タグは、日付または時刻を表記する際に使用します。コンピュータが理解できるように規定の書式で記述します。

HTML規格HTML4.01HTML5
使用可否×
<time>は、HTML5で追加されたタグです
ブラウザ別の対応状況
下記サイトで確認できます。
「Can I use」(英語のサイトです)
広告

<time> の仕様

カテゴリー使用できる場所(親要素)コンテンツモデル(子要素)タグ省略
フローコンテンツ
フレージングコンテンツ
フレージングコンテンツを子要素にもてる場所フレージングコンテンツ
但し、<time>は不可
不可

<time> の属性

【構文】
<time datetime="2014-04-04T10:20:30" >2014/04/04 AM10:20</time>
属性意味値のサンプルなど
datetime="日時"日付や時刻を規定の書式で記述
意味
YYYY-MM-DD西暦年月日
T区切り:"T"固定
hh:mm:ss時分秒
TZDタイムゾーン
日本は"+09:00"
グローバル属性
  • accesskey
  • autocapitalize
  • autofocus
  • class
  • contenteditable
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inert
  • inputmode
  • is
  • itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • nonce
  • popover
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
  • writingsuggestions
イベント属性
ページTOP

<time>タグのサンプル

<article>
  <h2>箱根でゆっくり温泉</h2>
  <p>(<time datetime="2013-03-24T12:00">平成25年3月24日 正午</time>)</p>
  <p>週末、家族と愛犬で温泉に行ってきました。~内容~</p>

  <section>
    <h4>ひろしさんのコメント</h4>
    <p>楽しそうな写真ですね
      (<time datetime="2013-03-24">平成25年3月24日</time>)</p>
  </section>

  <section>
    <h4>はなこさんのコメント</h4>
    <p>私も来月にでも行こうかな・・
      (<time datetime="2013-03-25T22:48:10">平成25年3月25日 午後10時48分10秒</time>)</p>
  </section>

  <section>
    <h4>たろうさんのコメント</h4>
    <p>愛犬と温泉・・・、羨ましいです。
      (<time>2013-03-25 23:55:00</time>)</p>
  </section>

</article>

箱根でゆっくり温泉

週末、家族と愛犬で温泉に行ってきました。~内容~ 

ひろしさんのコメント

楽しそうな写真ですね (

はなこさんのコメント

私も来月にでも行こうかな・・ (

たろうさんのコメント

愛犬と温泉・・・、羨ましいです。 (

ページTOP

留意事項

  • datetimeを記述した場合は、<time>のテキストに日本語など文章での日付の記述が可能です。
  • datetimeを記述しない場合は、<time>のテキストが日付として扱われるため、規定の書式での記述が必要です。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン