HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML5で日付と時刻を追加するには？timeタグの基本的な使い方

HTMLでは、<time>タグを使って日付や時刻を表現します。<time>タグは、人間が読み取りやすい形式で日付や時刻をページ上に表示するための要素です。

さらに、<time>タグは以下の属性をサポートしています。

属性値説明
datetime datetime 機械が読み取れる形式（machine-readable）の日付・時刻を指定します

基本の使い方

以下のコードを実行すると、HTML5で日付と時刻を表示する方法を確認できます。

<!Doctype html>
<html>
    <head>
        <title>HTML time Tag</title>
    </head>
    <body>
        <p>現在の時刻は <time>20:30</time> です</p>
    </body>
</html>

datetime属性を活用した応用例

datetime属性を指定すると、画面に表示するテキストとは別に、検索エンジンやブラウザが解析できる正確な日時情報を与えることができます。記事の公開日などをマークアップする際に特に便利です。

<p>公開日：<time datetime="2024-04-01">2024年4月1日</time></p>

このように<time>タグを活用することで、ユーザーにとって見やすく、かつ機械にも理解しやすいセマンティックなHTMLを作成できます。

  1. OneNoteで日付と時刻を追加・編集する方法

    OneNoteで新しいページを作成すると、ノートブックに日付と時刻のスタンプが自動的に追加されます。この自動の日付と時刻は編集可能で、OneNoteが提供するタイムスタンプ機能を使えば、ページに自由に日付や時刻を追加することもできます。さらに、現在の日付や過去の日付を追加したり、特定の日付を入力して祝日などの予定を記録しておくことも可能です。 OneNoteで日付と時刻を挿入する方法 タイムスタンプとは、ノートブックのページに日付や時刻を追加できるOneNoteの便利な機能です。OneNoteで利用できるタイムスタンプには、以下の3種類があります。 日付: 今日の日付を挿入します。 時刻:

  2. 【Windows 10】日付と時刻の表示形式を変更する2つの方法をわかりやすく解説

    タスクバーに表示される日付と時刻は、初期設定では「月/日/年」の順(例：05/16/2018)、時刻は12時間表示(例：午後8:02)になっています。しかし、これらの表示形式を自分好みに変えたいと思ったことはありませんか?実は、Windows 10の「設定」または「コントロールパネル」から、いつでも好みの形式に変更できます。たとえば、「日/月/年」の順(例：16/05/2018)にしたり、時刻を24時間表示(例：21:02)にしたりすることも可能です。 日付と時刻にはそれぞれ多数の形式が用意されているため、目的に合ったものを選ぶことが大切です。「短い日付」「長い日付」「短い時刻」「長い時刻