文字の形状を変えてみよう

HTMLには、文字にさまざまな視覚効果を与えるための要素が用意されています。また、文字（文章）の物理的、または、論理的な意味を与えるためのそれぞれ要素もあり、その意味を把握して使用することが大切です。

どのような形になるかは、タグ練習ブラウザを使って実験してください。

物理的形状指定

◆　太くする、斜体にする、その他

見た目だけで変化させるタグ。（強制的に変形します。）
I.＝斜体・イタイック、B.＝太字・ボールド、TT.＝等幅・タイプライター文字、S.＝抹消・ストライク、　U.＝下線・アンダー、SUP.＝^上付き文字、SUB.＝_下付文字、

◆　一回り文字を、大きくしたり小さくりする要素

BIG要素とSMALL要素で、それぞれ文字を既存文字から一段階だけ文字の大きさを変更します。この要素もスタイルシートにした方が良いと考えます。
例：BIG＝<big>大きく</big>したり、SMALL＝<small>小さく</small>したりします。
表示結果：BIG＝大きくしたり、SMALL＝小さくしたりします。

スタイルシートにする場合。
例：
LARGER＝<span style="font-size:larger">大きく</span>したり
SMALLER＝<span style="font-size:smaller">小さく</span>したりします。
表示結果：
LARGER＝大きくしたり
SMALLER＝小さくしたりします。

非推奨要素の変更

非推奨の「S / U / STRIKE の要素」を、スタイルシートに変える説明です。

• 抹消線：<S>抹消線</S>、<STRIKE>抹消線</STRIKE>が、
  <SPAN style="text-decoration:line-througt">抹消線</SPAN>
   
• 下の線：<U>下線</U>
  <SPAN style="text-decoration:underline">下線</SPAN>
   
• 上の線：
  <SPAN style＝"text-decoration:overline">上線</SPAN>
   
• 点滅：NN & Operaのみ点滅
  <SPAN style="text-decoration:blink">上の線</SPAN>
   

文章の物理的、または、論理的な意味のとらえ方は「お任せ」ですが、やはり文字を斜体や太字にするのであればスタイルシートを使い、強調はEMを、より強調はSTRONGを使うようにしましょう。
スタイルシートの指定法方はスタイルシートで文字を装飾するをご覧下さい。

論理的指定

文章が持つ意味に応じて使用するタグ。（webブラウザのお任せ文字）

EM｜強調です。

斜体になってます？

STRONG｜より強調です。

太字になってます？

CITE｜引用句です。

吾が輩は、猫である

Q｜引用文

引用文

CODE｜コンピュータプログラムのコード

if (wwwNameAc6=="Microsoft Internet Explorer") 等々。

KBD｜キーボードの入力部分（ユーザーが入力する部分）

ここで Ctrl+D を入力してください。

VAR｜状況によって値が変化するプログラムの変数

<DIV style="text-align:プログラムの変数">〜〜〜</DIV>

◆　略語の明示

専門用語とか固有名詞で使う省略文字をマークアップするタグ（ABBR要素、ACRONYM要素）があります。

表示例：IEの方は「OS」に、NNの方は両方に、カーソルを合わせて見てください。ポップアップウィンドウが出現します。どちらを使用するか迷った場合ABBRを使用する方が良いでしょう。

• パソコン
• SOHO

◆　「物理的」と「論理的」

太字にする<B>、斜体にする<I>などの要素は、その文字の見え方を直接指定するもので、「物理的指定」と呼ばれます。これは視覚的なWebブラウザで見たときの効果だけを指定するもので、その要素が文章内でどんな意味を持っているかは明確にされていませんし、非視覚的によるブラウザ「視覚障害者向けの音声ブラウザ」に対してどう処理すべきかは未だ規定していません。

また、HTMLにはEM（強調）、STRONG（より強い強調）、ABBR（略語）、CODE（コンピュータのコード）のように、文章内での意味を規定するための要素もあります。これらは各Webブラウザでどのように処理するかは別々で（太字か、斜体か、など）HTMLでは規定されていませんが、将来的に規定され非視覚的によるブラウザの有効手段になると考えます。

しかし、文章中での意味を明確にすることで、どのようなブラウザでも意味に合わせた適当な処理が将来的に期待できると言えます。例えば、一般的なWebブラウザではB要素もSTRONG要素も同じ太字で表現されますが、その意味は違うと云う事です。

HTMLは本来、文書の構造や意味を記述するもので、より本来の趣旨に沿ったHTML文書作りを目指すなら、<B>や<I>は使わずに、スタイルシートや論理的指定の要素を使ったほうが良い事になります。

HTMLの仕様にある論理的指定の要素は学術分野利用を主想定したもので、趣味的なホームページを作るためにHTMLタグだけで製作するのは適切とは思いませんし、現在私達が普通に使っている<B>や<I>要素に対しても、いずれ非推奨になりスタイルシートの指定になるのではないかと考えます。

◆　意味付け要素

論理的指定の一部ですが、一覧表にしてみましょう。

<SPAN STYLE="font-weight:bold">太字</SPAN>

<SPAN STYLE="font-style :italic">斜体</SPAN>            
            

スタイルシートでの指定の場合
<span style="font-size:larger">親要素に対して一回り大きくします</span>

スタイルシートでの指定の場合
<span style="font-size:smaller">親要素に対して一回り小さくします</span>