定義及用法 Definition and Usage
當文本內容是時間或是日期的時候，加上<time>標籤，雖然樣式上沒有什麼變化，但透過制定的時間日期格式，有助於搜尋引擎或其他的程式資源解譯並加以有效利用。
使用技巧及注意事項 Tips and Notes
可以是時間(24小時制)，或是日期(西元曆)的格式。
可使用的屬性 Attributes
| 屬性 Attribute | 值 Value | 描述 Description |
|---|---|---|
| datetime | datetime | Gives the date/time being specified. Otherwise, the date/time is given by the element's contents |
以上為<time>專有屬性，點選該屬性會連結到範例。除了特有屬性外，<time>還
支援全域屬性(Global Attributes)及事件屬性(Event Attributes)
範例 Examples
範例 1 example：
<p>We open at <time>10:00</time> every morning.</p> <p>We close at <time>19:00</time> every night.</p>
Demo結果如下
We open at every morning.
We close at every night.
範例 1將時間加上了<time>標籤，注意格式上的要求，time中規定只能用24小時制而不能用am、pm。這是簡單的範例，有興趣的話，以下範例2列出更多格式的表示方法
範例 2 example：
表示某月份的方式 <time>2011-11</time> 表示某日期的方式 <time>2011-11-12</time> 每年的某日的方式 <time>11-12</time> 表示 時 分的方式 <time>14:54</time> 表示時分秒的方式 <time>14:54:39</time> 表示時分秒的方式 <time>14:54:39.929</time> 表示 時區 的方式 <time>-0800</time> 表示 時區 的方式 <time>-08:00</time> 表示 週 的方式 <time>2011-W46</time> 表示連續時間方式 <time>4h 18m 3s</time>
HTML <time> 的 datetime 屬性 使用方式
語法 Syntax：
<time datetime="YYYY-MM-DDThh:mm:ssTZD">
| 屬性值 Value | 屬性值描述 Description |
|---|---|
| YYYY-MM-DDThh:mm:ssTZD | 以下是每個屬性值中，每個組件的說明：
|
datetime 屬性使用範例A example：
<p> I have a date on <time datetime="2012-02-14">Valentines day</time>. </p> <p>我在 <time datetime="02-14">情人節</time>有個約會。</p>
Demo結果如下
I have a date on .
我在 有個約會。
範例的結果裡，不會把時間給render出來，底下舉出的例子也是一樣，寫出datetime屬性值的目的只是為了方便機器識讀。另外，範例A中第一句的datetime值(2012-02-14)和第二句datetime值(02-14)，在意義上也不同，第一句單指某一年的情人節，而第二句則是每年的情人節。
datetime 屬性使用範例B example：
<span class="summary">豬腦學HTML研討會</span>: <time class="dtstart" datetime="2012-10-18">October 18</time> - <time class="dtend" datetime="2012-10-21">21</time>
Demo結果如下
豬腦學HTML研討會: -
範例B的結果裡，不會把時間給render出來，這類的用途大多是拿來做行事曆等互動網頁設計，才會用到這個屬性。下面的範例C也是同樣的意思。
datetime 屬性使用範例C example：
Today is <time datetime="2011-11-12">Tuesday</time>. Next meeting is at <time datetime="2011-11-12 15:00-08:00">3pm</time>.
Demo結果如下
Today is . Next meeting is at .
thank you.
回覆刪除