（例）supタグの使用方法
See the Pen
sup by linlin (@linlin098765)
on CodePen.
<var>x<sup><var>i</var></sup></var>supタグとは？-HTML
supタグとは、上付き文字を表示する際に使用するタグです。下付き文字のsubタグと同様に見栄え等の目的で使用するものでなく、上付き文字表記にすることにより意味が変わるものに使用します。
カテゴリー: HTML5
（例）subタグの使用方法
See the Pen
sub by linlin (@linlin098765)
on CodePen.
<var>x<sub><var>i</var></sub></var>subタグとは？-HTML
subタグは下付き文字を表示する際に使用するタグです。下付き文字は、その表記をしないと意味が変わってしまう場合に使用するものであり、見栄え等を目的に使用するタグではありません。
（例）kbdタグの使用方法
See the Pen
kbd by linlin (@linlin098765)
on CodePen.
<p><kbd>Shift</kbd>という文字列を入力</p>
<p><kbd><kbd>Shift</kbd></kbd>キーを１回押下</p>
<p><kbd><kbd>S</kbd><kbd>h</kbd><kbd>i</kbd><kbd>f</kbd><kbd>t</kbd></kbd>と５つのキーを順に押下</p>kbdタグとは？-HTML
kbdタグとは、ユーザーが入力する内容を表記するタグです。
文字列を入力してもらいたいときは<kbd>〜</kbd>で囲い、キーを入力してもらいたい時は<kbd><kbd>〜</kbd></kbd>という使い方をします。
（例）sampタグの使用方法
See the Pen
gOpmyKX by linlin (@linlin098765)
on CodePen.
<p>コンピュータの画面に<samp>「ウイルスに感染しました」</samp>と表示されています。</p>sampタグとは？-HTML
sampタグは、コンピュータからの出力結果・エラー等をサンプルとして表記するタグです。
（例）varタグの使用方法
See the Pen
var by linlin (@linlin098765)
on CodePen.
<var>x</var>と<var>y</var>varタグとは？-HTML
varタグは変数であることを示すタグです。
（例）codeタグの使用方法
See the Pen
code by linlin (@linlin098765)
on CodePen.
<pre><code>
var i;
</code></pre>codeタグとは？-HTML
codeタグは、プログラム等のコードであることを示す際に使用するタグです。
（例）timeタグの使用方法
See the Pen
time by linlin (@linlin098765)
on CodePen.
<time datetime="2020-2-26">更新日</time>
<time>23:00</time>timeタグとは？-HTML
timeタグは、時刻や日付を表示する際にしようするタグです。使用する場合は２４時間表記で使用します。アバウトな日付や時刻に使用すべきタグではなく、時刻や日付を必ずtimeタグで表記する必要もありません。これは、コンピューターが理解することを手助けするためのタグになります。
timeタグにdatetime属性を指定した場合は、timeタグ内に日付・時刻以外の入力が可能です。
（例）abbrタグの使用方法
See the Pen
abbr by linlin (@linlin098765)
on CodePen.
<p>
<abbr title="World Wide Web Consortium">W3C</abbr>はApple、Mozilla、Operaによって設立されたグループです。
</p>abbrタグとは？-HTML
abbrタグは、略語や頭字語であることを表しています。
しかし、abbrタグにtitle属性を指定すると、略語や頭字語の正式な名称を指定したことになります。
さらに、abbrタグにtitile属性をした名称にマウスカーソルを乗せるとポップアップのようにtitile属性で指定した名称を見ることが可能です。
（例）dfnタグの使用方法
See the Pen
dl by linlin (@linlin098765)
on CodePen.
<dl>
<dt><dfn>色</dfn></dt>
<dt><dfn>color</dfn></dt>
<dd>可視光線の波長の長短による視覚映像</dd>
</dl>dfnタグとは？-HTML
dfnタグは用語が使用されている場合に使用するタグです。
dfnタグ内に用語を配置しますが、その親要素となるqタグ等にはその用語を説明する文を入れる必要があります。
dfnタグにtitle属性を指定した場合、title属性で指定したものが定義となります。
（例）qタグの使用方法
See the Pen
blockquote by linlin (@linlin098765)
on CodePen.
<p>夏目漱石の<cite>草枕</cite></p>
<blockquote cite="http://www.◯◯.html">
<p>山路を登りながら、こう考えた。<br>
智に働けば角が立つ。情に棹させば流さ・・・etc</p>
</blockquote>
<p>作品の紹介文</p>qタグとは？-HTML
qタグとは、他情報源からの引用であることを表すタグになります。qタグにはcite属性があり、引用元のURLを指定することが可能です。
qタグに「”（ダブルクォーテーション）」等の引用符は不要です。qタグでは自動的に引用符が付きます。