ひとりでのアプリ開発 - fineの備忘録 -

ひとりでアプリ開発をするなかで起こったことや学んだことを書き溜めていきます

Web開発 - HTML:高度なテキストに関するHTML要素

初めに

 本記事では、HTMLの高度なテキストに関するHTML要素として、<dl>要素(説明リスト)、<blockquote>要素(引用)、<time>要素について、説明します。

説明リスト

 説明リストは情報を整理するための方法の1つです。

<dl>
  <dt>HTML</dt>
  <dd>HyperText Markup Languageの略で、ウェブページを作成するためのマークアップ言語です。</dd>
  
  <dt>CSS</dt>
  <dd>Cascading Style Sheetsの略で、ウェブページのスタイルやレイアウトを指定するための言語です。</dd>
  
  <dt>JavaScript</dt>
  <dd>ウェブページに動的な機能を付け加えるためのプログラミング言語です。</dd>
</dl>

<dl>要素(description list)を使って、説明リストを定義します。<dt>要素(term)は用語を、<dd>要素(description)は説明を定義します。1つの用語に複数の<dd>要素をつけることもできます。

引用

 HTMLにおける引用は、<blockquote>要素を使用して表現します。

<blockquote>
  <p>This is a quoted text.</p>
  <p>多くのブラウザでは、引用文の前後左右に隙間が空きます</p>
</blockquote>


<time>要素

 <time>要素は、文書内の日付や時刻を表現するために使われます。この要素は機械可読な日付や時刻情報を提供し、ブラウザや検索エンジンなどがそれを理解しやすくするのに役立ちます。

<p><time datetime="2023-12-31">2023年12月31日</time></p>
<p><time datetime="2023-12-31T19:00:00">2023年12月31日 19:00</time></p>
<p><time datetime="2023-12-31T19:00:00+09:00">2023年12月31日 19:00 (JST)</time></p>
<p><time datetime="2023-W52">2023年の52週目</time></p>
<p><time datetime="2023-12">2023年12月</time></p>