<?xml version="1.0" encording="shift_JIS"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>HTML04</title>
<body>
<h1>Layout Workflow</h1>
<dl>
<li><a href="#">NavigationA1</a></li>
<li><a href="#">NavigationA2</a></li>
<li><a href="#">NavigationA3</a></li>
<li><a href="#">NavigationA4</a></li>
<li><a href="#">NavigationA5</a></li>
</dl>
<h2>スタイルシートによるレイアウトワークフロー</h2>
<h3>本文のレイアウト</h3>
<p>見出しは、その章・節で述べられる話題を端的に示すものです。見出しにはh1からh6までの、6レベルの見出し
が用意されています。ページのなかで最も重要な見出しをh1要素でマークアップし、次に重要な見出しをh2要素とし
て、その次をh3要素で･･･といった具合に、重要なものから順々にマークアップいきます。</p>
<p>パラグラフとは、内容に関連のあるいくつかの文の集まりのことです。ひとつのパラグラフに複数のトピックを
展開するのは、あまり良くありません。逆にトピックが次に展開しているにも関わらず、同じパラグラフの中に収め
てしまうのも、あまり良くありません。段落はp要素を用いてマークアップします。
<h2>スタイルシートによるレイアウトワークフロー</h2>
<h3>本文のレイアウト</h3>
<p>見出しは、その章・節で述べられる話題を端的に示すものです。見出しにはh1からh6までの、6レベルの見出し
が用意されています。ページのなかで最も重要な見出しをh1要素でマークアップし、次に重要な見出しをh2要素とし
て、その次をh3要素で･･･といった具合に、重要なものから順々にマークアップいきます。</p>
<p>パラグラフとは、内容に関連のあるいくつかの文の集まりのことです。ひとつのパラグラフに複数のトピックを
展開するのは、あまり良くありません。逆にトピックが次に展開しているにも関わらず、同じパラグラフの中に収め
てしまうのも、あまり良くありません。段落はp要素を用いてマークアップします。</p>
<h3>補足情報</h3>
<p>同じ内容の文章であっても、その表現の仕方によって読者に与える印象は大きく変化します。文章のレイアウト
を考えることはより正確に、より効果的に情報を伝えるためにとても重要なことです。</p>
<h3>補足情報</h3>
<dl>
<li><a href="#">NavigationB1</a></li>
<li><a href="#">NavigationB2</a></li>
<li><a href="#">NavigationB3</a></li>
<li><a href="#">NavigationB4</a></li>
<li><a href="#">NavigationB5</a></li>
</dl>
</body>
