レイアウトをタグで行った場合

例えば、このページのように、見出しの部分の文字を斜体で赤色にしようと思った場合、そのページにあるすべての見出しの部分を以下のように記述する必要があります。

<h1><font color="red"><i>レイアウトをタグで行った場合</i></font></h1>

また、その後、見出しの部分の文字の色を青に変えたくなった場合は、やはりそのページにあるすべての見出しの部分を以下のように変更する必要があります。

<h1><font color="blue"><i>レイアウトをタグで行った場合</i></font></h1>

このように、ウェブページのレイアウトを、タグを使って記述した場合、以下のような欠点があるため、最新のHTMLではレイアウトを設定するためのタグは廃止することになりました。

• レイアウトの設定を行いたいすべての部分にレイアウトを設定するためのタグを記述する必要がある。
• そのため、ウェブページの文章の大部分がレイアウトの設定の記述で埋め尽くされてしまい、HTML文章の可読性（読みやすさ、理解のしやすさ）が著しく損なわれる場合が多くなる。
• 上記の例のように、ウェブページの見出しの部分のレイアウトをすべて変更したくなった際に、該当するすべての部分を書き換える必要がある。
• 一度作成したウェブページを再利用したりすることが困難になる。
• 同じ内容のウェブページを様々なレイアウトで表示しようと思った場合に大変である。