カテゴリー
HTML5 sup

supタグとは?-HTML

(例)supタグの使用方法

See the Pen
sup
by linlin (@linlin098765)
on CodePen.

<var>x<sup><var>i</var></sup></var>

supタグとは?-HTML

 supタグとは、上付き文字を表示する際に使用するタグです。下付き文字のsubタグと同様に見栄え等の目的で使用するものでなく、上付き文字表記にすることにより意味が変わるものに使用します。

カテゴリー
HTML5 sub

subタグとは?-HTML

(例)subタグの使用方法

See the Pen
sub
by linlin (@linlin098765)
on CodePen.

<var>x<sub><var>i</var></sub></var>

subタグとは?-HTML

 subタグは下付き文字を表示する際に使用するタグです。下付き文字は、その表記をしないと意味が変わってしまう場合に使用するものであり、見栄え等を目的に使用するタグではありません。

カテゴリー
HTML5 kbd

kbdタグとは?-HTML

(例)kbdタグの使用方法

See the Pen
kbd
by linlin (@linlin098765)
on CodePen.

<p><kbd>Shift</kbd>という文字列を入力</p>
<p><kbd><kbd>Shift</kbd></kbd>キーを1回押下</p>
<p><kbd><kbd>S</kbd><kbd>h</kbd><kbd>i</kbd><kbd>f</kbd><kbd>t</kbd></kbd>と5つのキーを順に押下</p>

kbdタグとは?-HTML

 kbdタグとは、ユーザーが入力する内容を表記するタグです。
文字列を入力してもらいたいときは<kbd>〜</kbd>で囲い、キーを入力してもらいたい時は<kbd><kbd>〜</kbd></kbd>という使い方をします。

カテゴリー
HTML5 samp

sampタグとは?-HTML

(例)sampタグの使用方法

See the Pen
gOpmyKX
by linlin (@linlin098765)
on CodePen.

<p>コンピュータの画面に<samp>「ウイルスに感染しました」</samp>と表示されています。</p>

sampタグとは?-HTML

 sampタグは、コンピュータからの出力結果・エラー等をサンプルとして表記するタグです。

カテゴリー
HTML5 var

varタグとは?-HTML

(例)varタグの使用方法

See the Pen
var
by linlin (@linlin098765)
on CodePen.

<var>x</var>と<var>y</var>

varタグとは?-HTML

 varタグは変数であることを示すタグです。

カテゴリー
code HTML5

codeタグとは?-HTML

(例)codeタグの使用方法

See the Pen
code
by linlin (@linlin098765)
on CodePen.

<pre><code>
var i;
</code></pre>

codeタグとは?-HTML

 codeタグは、プログラム等のコードであることを示す際に使用するタグです。

カテゴリー
HTML5 time

timeタグとは?-HTML

(例)timeタグの使用方法

See the Pen
time
by linlin (@linlin098765)
on CodePen.

<time datetime="2020-2-26">更新日</time>
<time>23:00</time>

timeタグとは?-HTML

 timeタグは、時刻や日付を表示する際にしようするタグです。使用する場合は24時間表記で使用します。アバウトな日付や時刻に使用すべきタグではなく、時刻や日付を必ずtimeタグで表記する必要もありません。これは、コンピューターが理解することを手助けするためのタグになります。
 timeタグにdatetime属性を指定した場合は、timeタグ内に日付・時刻以外の入力が可能です。

カテゴリー
abbr HTML5

abbrタグとは?-HTML

(例)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 HTML5

dfnタグとは?-HTML

(例)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属性で指定したものが定義となります。

カテゴリー
HTML5 q

qタグとは?-HTML

(例)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タグでは自動的に引用符が付きます。