time要素とは

要素の説明

カテゴリー:
フロー・コンテント
フレージング・コンテント
パルパブル・コンテント
この要素を使うことができるコンテキスト:
フレージング・コンテントが期待される場所
コンテントモデル:
フレージング・コンテント
コンテント属性:
グローバル属性
datetime

サンプルコード

time要素は、日時や期間、タイムゾーンのオフセットを表す要素です。

<p>日付:<time>2011-12-03</time></p>
<p>時間:<time>13:05</time></p>
<p>日時:<time>2011-12-03T13:05:30+09:00</time></p>

表示例

日付:

時間:

日時:

実際に使われる場所の例

ブログなどで記事ヘッダーのタイトル横に表示する日付部分のマークアップに使用します。
 

<h2>更新情報</h2>
<article>
<header>
<time datetime="2011-09-01">2011年09月01日</time>
<h3>お知らせタイトル01</h3>
</header>
<p>テキストテキストテキストテキストテキストテキストテキストテキスト</p>
</article>
<article>
<header>
<time datetime="2011-09-01">2011年09月01日</time>
<h3>お知らせタイトル02</h3>
</header>
<p>テキストテキストテキストテキストテキストテキストテキストテキスト</p>
</article>
<article>
<header>
<time datetime="2011-09-01">2011年09月01日</time>
<h3>お知らせタイトル03</h3>
</header>
<p>テキストテキストテキストテキストテキストテキストテキストテキスト</p>
</article>

 

 

⇒ライトプラン 詳細はこちら ライトプラン 詳細はこちら

投稿者:

kishiken

企業務めのWEBデザイナーです。