リファレンス

<time> タグ

西暦や24時間表記を使って正確な日付を示すことができます。

 
 

属性

全ての HTML に共通して使用できるグローバル属性はこちら

<time 属性="値"></time>
 

datetime

datetime 属性の値は、検索エンジンなどコンピュータで読み取れる形式にするため

  • 24時間表記
  • グレゴリオ暦(西暦)
  • ローカル日時
  • グローバル日時

などで正確に記述する必要があります。
 

*datetime 属性は必ず指定する必要はありません
datetime 属性に指定する値と time 要素に書くテキストが同じ場合は、datetime 属性は不要です。
例)<time>2020-01-05</time>
表示するテキストが「2020年1月5日」のようにコンピュータが読み取れない文字列の場合は datetime 属性を指定します。
例)<time datetime="2020-01-05">2020年1月5日</time>

 

記述例

表記方法
2020年2020
年月2020年1月2020-01
年月日2020年1月5日2020-01-05
●●●●年 第●週2020年 第24週2020-W24
時分16時25分16:25
時分秒16時25分53秒16:25:53
ローカル日時2020年1月5日 16時25分2020-01-05T16:25
グローバル日時2020年1月5日 16時25分2020-01-05T16:25+9:00
期間1週間と2日と3時間45分6秒1w 2d 3h 45m 6s *1
P9DT3H45M6S *2

*1 w(週)、d(日)、h(時)、m(分)、s(秒)
*2 P + 日数(1週間と2日なので9)+ D + T + 時間 + H + 分 + M + 秒 + S
 
 

グローバル日時の書き方

例)日本時間2020年1月5日16時25分53秒

Step1: 年月日を書く → 2020-01-05

Step2: 時分秒を書く → 16:25:53

Step3: 年月日と時分秒を T で繋ぐ → 2020-01-05T16:25:53

Step4: UTC(協定世界時)とJST(日本標準時)の時差が 9 時間なので +9:00 を付ける

完成: 2020-01-05T16:25:53+09:00
 
 

使用例

① datetime 属性を使わない場合

<p>この映画は<time>2020-03-15</time>に公開されます。</p>

 

② datetime 属性を使う場合

<p>この映画は<time datetime="2020-03-15T10:00">2020年3月15日</time>に公開されます。</p>

 
 

対応ブラウザ

 
 

関連するタグ

<data>

HTML タグ一覧はこちら
 

ABOUT ME
Sara
Sara
「わかりやすく・シンプル」をモットーに、携帯アプリ・ウェブアプリの作り方を紹介します。 独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています🙂
独学は難しそうと感じたら

 
独学でプログラミングを勉強するのは難しそう、効率的にプログラミングを学びたいという方はオンラインスクールがオススメです。

オンラインスクールを選ぶときのポイント

  • 無料体験があること
  • 個別サポートがあること

自分にあったスタイルを見つけるために、無料体験のご利用をオススメします。(無料体験後に自分には合わないなと感じたらハッキリ断ってしまって問題ありません。)
 
個別サポートもプログラミング学習に挫折しないために重要なポイントです。エラーや困った時にすぐに個別対応をしてくれるスクールを利用して下さい。

ここでは3つのオンラインスクールを紹介します。
全て無料体験がありますので、ぜひ自分に合ったスクールを見つけてみて下さい????
 

1. TechAcademy(テックアカデミー)

オンライン完結で勉強できるスクールで、コースがとても充実しています。チャットで質問すればすぐに回答を得られるのが一番のおすすめポイントです。
オリジナルのサービスやアプリの開発もサポートしてくれるので、開発したいものが決まっている人にもオススメです。

無料体験はこちら

2. CodeCamp(コードキャンプ)

一対一で受講できる個別指導のプログラミングスクールです。
Webデザイン・Webサービス開発・アプリ開発などを幅広く学習することができます。
マンツーマンなので自分のペースで学習できて、質問もその都度できるのがメリットです。

無料体験レッスンはこちら

3. Treehouse

英語でも良い、英語とプログラミングを同時に勉強したいという方は Treehouse がオススメです。月25ドルで始めることができて、たくさんのプログラミング言語を学ぶことができます。
個別サポートはありませんが、掲示板が充実しています。ほとんどの場合、質問してから30分程度で回答を得ることができます。

7日間の無料体験はこちら

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA