ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

HTML5 チュートリアル

HTML5 ホーム
HTML5 概要
HTML5 新しい要素
HTML5 ビデオ
HTML5 ビデオ/DOM
HTML5 オーディオ
HTML5 キャンバス
HTML5 Geolocation
HTML5 Web ストレージ

HTML5 フォーム

HTML5 Input タイプ
HTML5 フォーム要素
HTML5 フォーム属性

HTML5 リファレンス

HTML5 タグ
HTML5 属性
HTML5 イベント
HTML5 キャンバス 2d
HTML 妥当な DTD

HTML5 タグ

<!-->
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

HTML5 <time> タグ

時刻と日付の定義方法:

<p>We open at <time>10:00</time> every morning.</p>

<p>I have a date on <time datetime="2008-02-14">Valentines day</time>.</p>

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

<time> タグは、主要なブラウザのいずれもサポートしていません。


定義と用法

<time> タグは、オプションで時間およびタイムゾーンオフセットにより、 時間(24時間表記)、またはグレゴリオ暦の日付を定義します。

この要素は、機械が読み込めるように日付をコード化することができるので、 その結果、例えば、ユーザエージェントが、誕生日にアラームを出したりユーザ のカレンダに予定の行事を加えたり、あるいはまた、検索エンジンはよりスマート な検索結果を作り出したりすることを提供できようになります


HTML 4.01 と HTML5 との相違点

<time> タグは、HTML5 で新たに追加されました。


属性

New : HTML5 で新規追加。

属性 説明
datetimeNew datetime 指定する日付/時間を与える。与えなければ、日付/時間は要素のコンテンツとなる
pubdateNew pubdate <time> 要素の日付/時刻は、文書の発行日(または最も近い祖先 <article> 要素)であることを示す

グローバル属性

<time> タグは、HTML5におけるグローバル属性 もサポートします。


イベント属性

<time> tag also supports the Event Attributes in HTML5.