コンテンツのメンテナンスを容易にするため、HTMLの作成について一定のルールを設けます。コンテンツ(HTML)の作成において守るべきルールについて記載します。HTMLの基本的な知識について習得していることを前提に記載しています。準拠したHTMLを作成することとします。準拠するものとします。スタイルシートについてはCSS2に準拠することとします。コンテンツの作成にあたり、内容と外見(デザイン)を極力分離させるため、CSS2を使用します。タグの意味づけと利用方法タグは本来それぞれに意味を持っています。ついては本来の意味にあったタグを利用することで、文章データの意味づけと表示における体裁を明確に分離することとします。以下に示す種類のタグを使用します。特別な理由がある場合を除き、これ以外のタグを利用しないようにします。文章の構造を示すには以下のタグを使用します。<h1>〜</h1>文章の表題(見出し)を表現する場合に用いるタグで、h1〜h6までの6段階レベルで表現することが可能です。Webブラウザはh1〜h6タグで指定した内容を、そのレベルに応じた文字の大きさで表示してくれます。見出しタグは、<h1>の次に<h2>、その次に<h3>、といったように見出しは大見出しから順番に使うことを原則とし、文字サイズの表示を変えるなど、表示方法変更の目的で使用してはいけません。<p>〜</p>1つの段落を表現する場合に用いるタグです。Webブラウザは段落と、この前の要素の間で改行し、更に1行の空白を空けます。段落とは一般的に、「一つ以上の文の集まりで、一つのまとまった内容を表す単位」とされおり、日本語の文書では最初の行を1文字下げることで表現します。したがって、段落は文章の内容に応じて適切に指定する必要があり、余白行を作るために使用してはいけません。同じ段落内であっても改行したいときがあります。このときに強制改行を使用します。<pre>〜</pre>ソースコードのように改行や空白をそのまま表示したい場合、整形済みテキストを使用します。整形済みテキスト内では、「<」、「>」、「&」などといったHTMLの文法上意味のある記号を含む場合、それぞれ「&lt;」「&gt;」「&amp;」のような文字参照に置き換える必要があります。箇条書き箇条書き表現する場合に用いるタグです。ブラウザは箇条書きに対してリストマーカー(○、●、■)やリスト番号「1...、i...、A...」を表示することが出来ます。箇条書きとは何かの対象についての、事柄をいくつに分けて書き並べたものなので、複数個の短い文の集まりといえます。この文の集まりと、1つの文をそれぞれ決められたタグでで囲みます。番号なしリスト文の集まりを<ul>で囲み、1つの文を<li>で囲むことで番号なしの箇条書きになります。このとき1つの文の先頭に表示されるリストマーカー(○、●、■)を変更することが出来ます。番号付リスト文の集まりを<ul>ではなく<ol>で囲むと番号つきの箇条書きになります。番号つきの箇条書きのリスト番号のスタイル(1,2,3,.../a,b,c,.../i,ii,iii,...など)を変更することができます。start属性を用いることで連番の開始番号を指定することができます。箇条書きには、リストには、番号つき、番号なしを問わず入れ子の構造にすることが出来ます。これにより箇条書きの階層化を実現することができます。定義リスト箇条書きには特別な意味を持つものとして用語と、その解説を箇条書きにすることも可能です。<dl>で用語とその解説を囲み、<dt>で用語、<dd>で説明を記載します。<blockquote>〜</blockquote>他の文献から文章を引用する場合に使用します。Webブラウザは引用に対して左右インデントして表示します。属性としてciteに出典URLを指定することも可能です。・・・な方法を提供する。デザインパターンよりSINGLETONとはあるクラスに対して・・・な方法を提供する。<address>〜</address>コンテンツの著者や問い合せ先を表す場合に用いるタグです。addressタグにはブロックレベル要素を挿入することはできません。<em>〜</em>文章の一部を強調したい場合に用いるタグです。Webブラウザはその部分を斜体で表示します。<em>オブジェクト指向</em>言語です。オブジェクト指向言語です。<strong>〜</strong>文章の一部を前期の<em>よりも、さらに強調したい場合に用いるタグです。Webブラウザはその部分を太字で表示します。<strong>オブジェクト指向</strong>言語です。オブジェクト指向言語です。テーブルの意味づけ表は正しいタイトル付け、ヘッダ、本文、フッタを指定することで、スタイルシートを用いて適切なレイアウトを指定することが可能です。<caption>〜</caption>表のタイトルを示すタグです。<thead>〜</thead>表の横列(行)をグループ化しヘッダとする場合に使用するタグです。<tbody>〜</tbody>表の横列(行)をグループ化し本体とする場合に使用するタグです。<tfoot>〜</tfoot>表の横列(行)をグループ化しフッタとする場合に使用するタグです。文字参照タグに利用される記号や特殊な記号は文字参照といい、特別な書き方をする必要があります。文字参照は「&」記号ではじまり、セミコロン(;)で終わります。