前編

Movable Typeに間違ったページを作らせないための公式
主にブログツールなどにより導入が進んでいるXHTMLですが、「本当に正しい」XHTMLの書き方を、あなたは理解し講師 森田 雄ていますか？ 全2回で解説する「正しいXHTMLの書き方」、1975年生まれ。東芝EMIでマルチメディアCD-ROMのデザインおよ

前編となる今回は、XHTMLの基礎、正しいXHTMLのためびオーサリングに多数携わった後、独立してフリーランスとなる。1998
年よりマイクロソフトに在籍し、モバイル戦略に携わる。2000年、XMLのMovable Typeの設定、正しいXHTMLの書き方の基本をはじめとする多様なプロトコルの専門家としてビジネス・アーキテク的な公式を紹介します。正しいXHTMLを実現した、オリジツの設立に参画。現在、ユーザビリティーおよびアクセシビリティーのナルの Movable Typeの完全テンプレートセットも紹介しスペシャリストとして活躍中。 yumor@b-architects.com
http://www.b-architects.com/ます。

XHTMLの「正しさ」って何？
XHTMLは難しくない！

どこまでを要素として掘り下げるかは、く書くことのできるマークアップ言語なの

XHTML の仕様書で定義される範囲となです。

XHTMLは、W3C（インターネットで利用りますが、一般的な文書で使われる要素される技術の標準化を進める団体）によはほぼカバーされています。逆に言うと、って仕様が定義されているマークアップ言

XHTMLで定められている要素のほとんどブラウザーによっては、文法に厳密に語です。XHTMLの仕様書には、その用途は、文書を書いていたら普通に使う要素従っていないページでもある程度はちゃんや使用方法が記されていて、記述のルーでしかないのです。つまりXHTMLとは、と表示してくれます。では、なぜ「正しく」ルや文法がDTD（文書型定義）によって厳文法を知ってさえいれば、だれにでも正しXHTMLを書くのが大切なのでしょうか。

正しく表示され続けること格に定められています。
最近はXHTMLで作られたウェブページも増えましたが、インターネット上に公開されているウェブページの多くは、文法的XHTML＝XML×HTMLに誤ってマークアップされています。このXHTML（ Extensible HyperText Markup

XMLのルールに従うため、微妙な違いがあり大きな原因は、制作者が正しい書き方をLanguage）
は、ウェブページの作成でおなじみます。

知らないことにあるでしょう。正しい書きの HTML（ HyperText Markup Language）
を

XHTMLで書かれた文書は、XML文書でもあ方を知っていて、わざと間違ったXHTMLXML（Extensible Markup Language）のルールるため、HTMLのようにただブラウザーで表示に合わせて定義し直したものです。HTMLもするだけでなく、XMLのさまざまな派生技術とXHTMLも、人間の言葉で書かれた文書のそ組み合わせて使うこともできます。

れぞれの要素が、文書内でどのような意味を持

ちなみに、現在主流の XHTMLはバージョンージ）のどの部分が「見出し」で、どの部分つかを、それぞれの文法に従って記述する（マ1.1ですが、HTML 4.01を元に作られているが「強調」を意味しているとか、どこに「段ークアップする）言語です。XHTMLのマークア

ので、バージョン番号が若いからといって表現落」があるかというように、文書を構成すップに使う「タグ」はHTMLとほぼ同じですが、できることが少ないわけではありません。

を書いているとは考えにくいですから。
XHTML のマークアップとは、文書（ペるいろいろな要素を明確にするものです。

98 +++ iNTERNET magazine 2004.10 +++インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&Dまず、文法にのっとった正しいXHTML
は、古いバージョンのブラウザーでも、最正しいXHTMLのためのMovable Typeの設定新のブラウザーでも、ほとんど正しく表示できます。古いブラウザーは、ページの見栄えを調整するCSSという技術に対応していないかもしれませんが、ページに記述XHTMLでマークアップしてみるその前にト設定］を「None」にしておきます。これにより、エントリーの作成・編集時の自動整形を標準で無効にできます。記事の作された内容を受け取ることは可能です。

HTMLとは異なるXHTMLならではの文成・編集時に「Convert Line Breaks」にHTMLを解釈できるブラウザーでさえあ法で、いくつか覚えなければならないルー逐次変更することができますが、変更しなれば、文書を構成する要素と、そしてそれルはあります。しかし、ひとまず書き方のいでください。

らの要素の内容を読み取ってくれるのでサンプルを例示していきますので、それにMTの初期設定では、テキストフォーマす。したがって、正しいXHTMLで書かれのっとって書いてみるところから始めてみットは「Convert Line Breaks」になっていたウェブページは、多くの人があらゆる手ましょう。ルールを覚えるのはその後でもるので、多くの人はこのテキストフォーマ段によって読むことが可能となるでしょう。

おおむね大丈夫です。

ットのまま利用していることでしょう。

また、現在は多少正しくないXHTMLでXHTML でマークアップをするうえで一「Convert Line Breaks」にしてあると、もブラウザーで問題なく表示されますが、番心がけたいことは、「妥当な意味づけ」

入力した記事内容が自動的にXHTMLに将来もずっとそうだとは限りません。しかです。最初は文書に含まれる各パーツが整形されます。記事テキストで改行されてし正しく書かれたXHTMLならば、今後も文書内でどういった意味を持つのかを把いるところへそれぞれ「<br />」タグが挿正しく表示されると期待できるでしょう。

握して指定できるようになることを目指し入され、空行を段落の境目として、各段落ます。意味づけをすることが当たり前になの頭に「<p>」タグが、最後に「</p>」タグったら、そこで初めて、XHTML に関するが追加されます。このテキストフォーマット

SEOにも効果を発揮
正しいXHTMLでマークアップされたウ深い知識を得ていきます。それによって、のおかげで、入力者はXHTMLを意識せェブページは、ブラウザーで正しく表示さより良いXHTML文書が書けるようになる

ずにそのまま文章を書くだけで、公開されれるだけでなく、それ以外のさまざまなアことでしょう。

るときにはその文章がXHTMLでマークアプリケーションにもメリットをもたらします。
マークアップがされていない文書では、書かれている日本語そのものを、制作者……と、実際にマークアップしてみるその前に、Movable Type（以下「MT」）のしかし、改行しかしないただの文章では設定をいくつか変更しておきましょう。

素っ気ないページになってしまうため、通常はリンクを張ったり、箇条書きをしたり、の意図どおりの内容で読み取ってきちんと理解するためには、自然言語の高度な解析処理が必要です。アプリケーションップされた状態になるというわけです。

自動XHTML整形を無効にする

よそのページなどからの引用をしたりといった内容を記事に含めたくなるでしょう。

が「見出し」や「強調」がどの部分であるの［メインメニュー > 編集メニュー > 設定 ］

そのために、段 落 指 定 や 改 行 以 外 のか、文脈に基づいて判断することは非常の［ウェブログの設定］で、［新しいEntryをXHTMLタグを記事テキストに書き込むこに困難です。しかし、正しくマークアップ作るときのデフォルトのテキストフォーマッとになります。

されていれば、どんなアプリケーションでもどこが「見出し」や「強調」なのかが一目瞭然になり、データとして扱って処理を容易に行うことが可能となります。
グーグルやヤフーなどに代表される検索エンジンも、そういったアプリケーション付録のテンプレートを使うブ
ログの管理画面で［ブログの設定］を選び、［ウェブログの設定］を表示して、MTでテキストフォーマットに Convert LineBreaksを利用しないように設定しておけば、正しいXHTMLのページを確実に実現できるようになります。の 1 つです。それらは title 要素や h1 要素といった、文書のタイトルや大見出しとなる部分を、文脈上、大きな意味を持たせているデータとして扱います。文脈上の「見出し」を正しく「見出し」であるとマークアップしてあればこそ、ウェブページは信用するに足るデータとなるのです。正しいXHTMLはSEO（検索エンジン最適化）にも効果があると言えるでしょう。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ iNTERNET magazine 2004.10 +++99Movable Typeが作る「間違ったXHTML」

h4要素でマークアップするので、以下のでマークアップするという、正しいことをしようなXHTMLをテキストエリアに記入すていても、結果的には正しくないXHTMLることになります。

が出力されてしまうというわけです。
せっかく正しいXHTMLの書き方を覚えMTが「Convert Line Breaks」によって行う整形は、XHTMLの文法を理解したうようとしているのに、これでは逆に間違っ<h4>今日の晩ご飯</h4>

たXHTMLを作ってしまいます。そこで、自えで行われるのではなく、ただひたすら機動整形を利用せずに、エントリー本文はす械的に改行を「<br />」タグにして、段落「Convert Line Breaks」によって自動を「<p>」タグと「</p>」タグとで括る、とい整形されると、この部分は公開時には次べて自分でXHTMLを完全にマークアップう作業をするだけだという点に注意が必のようなXHTMLになってしまいます。

して書き入れていくようにします。そのために、MT の設定でテキストフォーマット

要 です。そのために、エントリー 内 にXHTMLが書かれている場合に、自動整形<p><h4>今日の晩ご飯</h4></p>「None」
を標準にしておくのです。

p 要素の中に h4 要素が入ってしまってォー マット の 設 定 」は「 Convert Line

ただし、
「コメントに適用するテキストフによって結果として文法違反が発生することがあります。
たとえば、記事内に見出しを付けるときいる状態です。XHTMLの文法上、p要素Breaks」にしておきます。コメントを書き込を考えてみましょう。記事内の中見出しはの中にh4要素を入れることはできません。

んでくれるサイトの読者にまでXHTMLマ

付録のMTテンプレートを使った場合は、したがって、見出しを付けるためにh4要素ークアップを求めるわけにはいきません。

XHTML 1.1準拠のフルセット

Movable Type用オリジナルテンプレート
XHTML 1.1に準拠したオリジナルのMTテンプレートを、本稿の付録として用意しています。このテンプレートを使えば、ページのXHTMLダウンロードできるテンプレートは「正しいXHTML」になります。あとは、記事の本文に正しいXHTML

インデックス・テンプレート

を書けば完成です。

・Main Index

トップページ用の Main Indexとスタイルシートだけでなく、各アーカ

・Stylesheet

イブページやコメントページ用のテンプレートが含まれたフルセットになっています。

アーカイブに関連したテンプレート

なお、Stylesheetテンプレートでの表示は、ウィンドウズ版の IE 6、・Category Archive

Mac版のIE 5.1以降、Safari 1.0以降、Mozilla 1.5以降で見ることを想・Date-Based Archive

定して構成されています。

・Individual Entry Archive
その他のテンプレート
・Comment Preview Template・Comment Error Template・TrackBack Listing Template

テンプレートのダウンロードはインターネットマガジンのウェブサイトから！
http://internet.impress.co.jp/im/200410mt/※注意
このオリジナルテンプレートはカテゴリー設定を処理するように作られているため、正しく使用するためにはMovable Typeのブログの設定でカテゴリーアーカイブが有効になっている必要があります。標準の状態ではカテゴリーアーカイブは有効になっていないので、その状態でブログを再構築するとエラーが発生してしまいます。
カテゴリーアーカイブを有効にするには、Movable Typeの管理画面でオリジナルテンプレートを使用するブログの管理画面を開き、［ブログの設定］＞［アーカイブの設定］で［アーカイブの種類］にある［Category］にチェックを入れます。

100 +++ iNTERNET magazine 2004.10 +++インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

実習式XHTMLマークアップの「公式」
エントリーに書かれる文章は、いわゆる実習の進め方のです。

普通のブログに書く日本語になります。日

言葉で説明するとややこしく思えるかも

付録のMTテンプレートは、エントリーの本語の文章は、多くの場合に実習の各項しれませんが、そんなに身構えてやるよう本文部分以外に関しては妥当な（ルール目で挙げるいくつかの要素に分類できまなことでもありません。とりあえず肩の力に従った）XHTMLが生成されるように作す。この要素とは日本語の文章としての要を抜いて、120 ページ以降の分類されたられています。あとは、エントリーの内容を素ですが、それらには相当するXHTMLの要素の書き方に目を通して予習してくださ自分で正しいマークアップをして書けば、要素があります。そこで、エントリーの内容い。

サイト全体として妥当なXHTMLになりまを要素の分類どおりに分解して、対応すある程度理解したら、XHTMLの要素をす。

るXHTMLでマークアップしていけばいい考えながら、実際にブログにXHTMLでエントリーを書き込みましょう。
XHTMLマークアップの書き方の例を添えてあります。この例の中で、青色で記された部分は「公式」のようなものだと思っ

XHTMLの要素とタグ、属性てください。書き方の例を参考にマークア

XHTMLは文書構造を定義するものだとも言わ書いてしまうのが一般的です。br要素は「<brれます。これは、XHTMLのマークアップ（意味/>」、img要素であれば「<img src="image.gif"

づけ）によって、文書のどこからどこまでが大見

width="100" height="40" alt="image" />」と出しであるとか、どこが段落になっているかといいうように書きます。タグの終わりを示す文字うような構造を記述できるからです。この構造列が「/>」になるということです。

を構成するものを要素（またはエレメント）と呼要素によっては属性（またはアトリビュート）を備びます。

えていることがあります。属性はその要素の分要素 は、開始タグと終了タグによって括られ類や種別を表したり、あるいは要素に情報を付ることで、その範囲が明示されます。開始タグ

加したりするもので、開始タグの中に記述されは「<」で始まり「>」で終わる文字列で、終了タます。たとえば画像に使われるimg要素は、画グは「</」で始まり「>」で終わります。たとえば、像の所在を示すためのsrc属性や、画像のサイbody要素は「<body>開始タグ」と「</body>終ズ情報を付加するためのwidth属性やheight了タグ」で括られることになります。HTMLでは属性といった属性を備えています。

開始タグや終了タグを省略できる場合もありま勘違いされやすいのですが、要素とはタグのこしたが、XHTMLではタグの省略は一切認めらとではありません。開始タグと終了タグで囲まれていませんので、要素は必ず開始タグと終了れている範囲の内容、もしくは空要素のタグが、タグで括られます。

文書構造においてどのような意味合いなのかまた、HTMLで終了タグを持たなかった（終了ということです。したがって要素そのものは、いタグの記述が文法で禁止されていた）要素のわゆるテキストデータ（文字情報）によって構成ことを空要素と呼びます。たとえば br 要素、されています。ただし、空要素は内容を持ちまimg要素、hr要素などです。XHTMLでの空要せん。空要素のタグが書かれている部分に、素は、簡略終了タグというものを利用して、開内容の量がゼロの要素が存在していることに始タグと終了タグを1つのタグのように一緒になります。

ップする場合は、青色の部分はいじらないで、黒字のところをエントリー本文の該当部分に書き換えればいいでしょう。

Convert Line Breaksをオフにした状態でいつものように文章だけ書くと、どれだけ改行を入れていても、下図のように文章がすべてつながって表示されるので注意しよう。

要素には囲む要素と空要素の2種類がある
p要素


<p>

開始タグ

br要素（空要素）

ブログでは引用を多く使います。 </p>
p要素の内容<br />

終了タグ

開始タグ

簡略終了タグタグには属性が付くことがある<img

src="image.gif"
src属性

width="100"width属性

height="40"
height属性

alt="image" />
alt属性

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ iNTERNET magazine 2004.10 +++101

【公式1】：通常の文章の基本マークアップ＜p要素＞
エントリーの文章は、ほとんどがこの要素によって構成されるでしょう。文章は基本的にp要素でマークアップします。パラグラフ（段落）になりそうな文章のまとまりを、<p>開始タグと</p>終了タグで括りま<p>意味のまとまりで段落を区切るのがわかりやすいでしょう。</p><p>段落と段落の間には少し空きができて、読みやすくなります。日本語の文章では行頭を字下げすることがありますが、ウェブでは字下げしないほうが一般的ですね。</p>D このXHTMLをブラウザーで表示すると……

す。
段落の最後に<p>だけ置くのはXHTML
では間違った書き方です。また、段落を区切るのに<br />を使うのはやめましょう。

【公式2】：文章中の強調＜em要素＞
通常の文章（p要素）の中で、強調した<p>em要素による<em>強調入り</em>のパラグラフ。</p>い部分はem要素でマークアップします。
また、<font>タグなどで個別に文字のD このXHTMLをブラウザーで表示すると……

色や大きさを指定したり、<b>〜</b>で太字を指定したりするのもやめましょう。

【公式3】：より強い強調＜strong要素＞
通常の文章（p要素）の中で、より強く強<p>strong要素による<strong>さらに強い強調入り</strong>のパラグラフ</p>

調したい部分を明示するときには、em要素よりもさらに強い strong 要素を使いまD このXHTMLをブラウザーで表示すると……

す。

DTD（文書型定義）もXHTMLの大切な要素
XHTMLはDTD（文書型定義）によってその文が元になっています。DTDに反した文法で書られたバージョンのXHTMLを使用しているか法が厳格に定められています。ある要素の中にかれてしまうと、それはXHTML文書ではなくなを宣言するために記述されます。ブラウザーもは別のある要素を入れられるかどうか、ある要ってしまいます。文法どおりにXHTMLでマークDTDに従ってXHTMLを解釈するので、どのバ素の中にテキストを書けるかどうか、そういったアップしましょう。

ージョンの DTD に従って書いているのかをことは文書型定義に書かれています。

XHTML文書の先頭には、通常「<!DOCTYPE」

XHTML文書中で指定しておくのが大切です。

たとえばblockquote要素の直下にはテキストで始まる行があります。これは文書型宣言と呼今 回 使 ってい るのは XHTML 1.1な の で、（ブロックレベル要素のタグで囲まれていないばれるもので、その文書では、どのDTDで定めDOCTYPE宣言は次のようになります。

文字）を書くことができません。それはDTDが定めているblockquote要素の文法にそぐわないため、書くと文法違反になるからです。p要素の中にh4要素を入れられないのも同様にDTD

102 +++ iNTERNET magazine 2004.10 +++<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D【公式4】：引用（ブロックレベル）＜blockquote要素＞
ブロックレベル（ページ下の囲み参照）
での引用は blockquote 要素になります。
blockquote要素の内容、つまり引用文そのものは、通常の文章（p 要素）などのブロックレベルのまとまりとしてマークアップ
します。blockquote要素のcite属性には、引用元がURLで表せる場合にそのURIを書きます。blockquote要素のcite属性の<blockquote cite="http://www.w3.org/"><div class="quote"><p>ここには引用された文章が入ります。ここには引用された文章が入ります。ここには引用された文章が入ります。</p><!--/quote--></div><ul class="cite"><li><cite>サイト名「<a href="http://www.w3.org/">World WideConsortium</a>」から</cite></li></ul></blockquote>

内容は、Mozillaなどの一部のブラウザー

D このXHTMLをブラウザーで表示すると……

でしか表示されませんが、XHTMLとしては備えておくほうが望ましいので「公式」には含めておき、さらに別途cite要素（属性ではなく要素）を指定します（上コード）。
引 用 元 が U R L で 表 せない 場 合 は、「cite=""」のように値が空のcite属性とするのではなく、blockquote要素のcite属性ごと除去してください。また、その場合は、cite要素にある『サイト名「〜」から』の記述も、たとえば「読者の感想メールから」のように置き換える必要があります（下コード）。

<blockquote><div class="quote"><p>ここには引用された文章が入ります。ここには引用された文章が入ります。ここには引用された文章が入ります。</p><!--/quote--></div><ul class="cite"><li><cite>読者の感想メールから</cite></li></ul></blockquote>【公式5】：引用（インライン）＜q要素＞
通常の文章（p要素）中に、引用した文章が含まれる場合などに利用します。この<p>インラインで引用文を含むパラグラフです。彼は<q>太陽は西から昇るものである</q>と言ったようです。</p>

場合、引用元の明示は、本文内にさりげ

D このXHTMLをブラウザーで表示すると……

なく書くといいでしょう（上コード）。
q要素にもcite属性を付けられます。引
用元が URL で表せるような場合は、cite属性を付けておくことが望ましいでしょう<p>HTML 4.01 は <q cite="http://www.w3.org/TR/html4">HTML 4 is（下コード）。

an SGML application conforming to International Standard ISO
8879</q> です。</p>ブロックレベルとインライン
XHTMLの要素は、文書を構成する基本要素でえて普通の文字があります。

ある見出しや段落などの「ブロックレベル」の要

ブロックレベル要素の中にインライン要素を含素と、ブロックレベル要素の中に埋め込まれるめることはできますが、その逆はできません。イ形で使われる「インライン」の要素があります。

ンライン要素の中には他のインライン要素を含

ブロックレベル要素の例としては、h1〜h5、p、められます。ブロックレベル要素の中に他のブul、ol、table、divなどがあります。インライン要ロック要素を入れられるかどうかは、DTDの定素の例としては、a、em、strong、imgなどに加義によります。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ iNTERNET magazine 2004.10 +++103

【公式6】：箇条書き＜ul要素・ol要素＞の箇条書きは ol 要素でマークアップします。
箇条書き全体をulまたは ol で囲んで、箇条書き項目の1つ1つをli要素でマーク<ul><li>たまねぎ</li><li>じゃがいも</li><li>にんじん</li><li>牛肉</li></ul>

アップします。HTMLでは<li>を箇条書き項目の先頭に付けるだけでも OK でした
が、XHTML では、各項目を正しく<li> 〜</li>で囲みましょう。
箇条書きの項目が1つでも構いません。

<ol><li>牛肉を炒めて取っておく</li><li>たまねぎを炒める</li><li>他の野菜も軽く炒める</li><li>材料をスープで煮込む</li><li>カレールーを入れる</li>
</ol>

A

単なる箇条書きはul要素で、番号付き

表こ示のすＸ
るＨとＴ⁝Ｍ⁝Ｌをブラウザーで【公式7】：リンク（インライン）＜a要素＞
通常の文章（p要素）中の任意の文字列をアンカーとしてリンクを張る場合のマークアップです。
HTMLではリンクの<a>要素の属性と<p>文中の<a href="http://www.impress.co.jp/">任意の文字列</a>でリンクする。</p>D このXHTMLをブラウザーで表示すると……

してtarget="̲blank"のように書くことで、リンク先を別のウィンドウで開くように指定できましたが、XHTML 1.1の a要素にはtarget属性は存在しないので、強制的に別ウィンドウで開くようには指定できません。閲覧者自身が別ウィンドウで開きたいときに、ブラウザーの機能を使って任意に別ウィンドウを開くように操作してもらうことになります。

【公式8】：リンクリスト＜ul要素＋a要素＞
リンクを示すアンカーを通常の文章（p要素）から外に出して、リンク先の一覧を明示するような場合のマークアップです。
本文で参照しているリンク先が多数ある場合や、長い文章で関連サイトを最後<ul class="linklist"><li><a href="http://w3j.org/">W3J.org</a></li><li><a href="http://altba.com/yuu/blog/">securecatのMT</a></li></ul>

D このXHTMLをブラウザーで表示すると……にまとめる場合などに使うといいでしょう。
リスト項目が1つでも構いません。
こちらもインライン要素のリンクの場合と同様に、a要素にtarget属性を書くことはできません。

104 +++ iNTERNET magazine 2004.10 +++インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D【公式9】：整形済みテキスト＜pre要素＞
XHTMLでアスキーアートを簡単に表現するには、pre要素を使います。pre要素は改行や空白が、書いたとおりにそのまま表示される「整形済みテキスト」を指定するものです。
ただし、フォントセットの関係で、OSや／＼⌒ヽペタン／／⌒)ペタン∧＿∧ ＼ （( ∧＿∧（； ´Д｀））' ））（・∀・ ；）/⌒ノ （ ⌒ヽ⊂⌒ヽ.（Oﾉ )￣￣￣(）__））_）＿）（;;;;;;;;;;;;;;;;;;;）（＿（</pre><pre>ブラウザーの設定によってはうまく表示されないこともあります。

D このXHTMLをブラウザーで表示すると……

付録の Stylesheet テンプレートでは、pre要素のボックス幅がコンテンツエリアの幅を超える場合はスクロールバーが出るようにしていますが、バグ対策のためにMac版のIE 5ではスクロールバーが表示されません。pre要素の内容は適宜改行して1行が長くならないようにするのが無難です。

【公式10】：見出し＜h4要素・h5要素＞
記事を書くときに入力した「タイトル」は、エントリーの大見出しとなりますが、エント<h4>中見出し</h4><p>中見出しに続く通常の文章です。中見出しに続く通常の文章です。</p>リー中で、さらに中見出し、小見出しというように見出しを付けると、エントリーの構<h5>小見出し</h5>

成を見やすく整えられます。文章が長くな<p>小見出しに続く通常の文章です。小見出しに続く通常の文章です。</p>る場合などに有効でしょう。

D このXHTMLをブラウザーで表示すると……

エントリー内の中見出しは h4 要素で、小見出しはh5要素でマークアップします。
普通は見出しはh1要素から始まります
が、ブログのタイトルにh1要素を、日付にh2要素を、エントリーの大見出しにh3要素を使っているので、エントリー内ではh4要素から始めることになります。

後編につづく
これで森田講師による「正しいXHTML塾」前ード、画像、画像のテキスト回り込み、特殊記編を終わります。後編では、同じMTテンプレ号などが含まれます。

ートを使ったさらに高度なXHTML記述の公式

後編は 2004年 9月29日発売予定のインターと、具体的にブログで記事を書く際の書き方

ネットマガジン11月号に掲載予定です。お楽を紹介します。後編で扱う内容には、内容のしみに。

追加や削除、ルビ（ふりがな）、プログラムコ

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ iNTERNET magazine 2004.10 +++105

［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この PDF ファイルは、株式会社インプレス R&D（株式会社インプレスから分割）が 1994 年～2006 年まで発行した月刊誌『インターネットマガジン』の誌面を PDF 化し、「インターネットマガジン バックナンバーアーカイブ」として以下のウェブサイト「All-in-One INTERNET magazine 2.0」で公開しているものです。

http://i.impressRD.jp/bn
このファイルをご利用いただくにあたり、下記の注意事項を必ずお読みください。
z 記載されている内容（技術解説、URL、団体・企業名、商品名、価格、プレゼント募集、アンケートなど）は発行当時のものです。
z 収録されている内容は著作権法上の保護を受けています。著作権はそれぞれの記事の著作者（執筆者、写真の撮影者、イラストの作成者、編集部など）が保持しています。
z 著作者から許諾が得られなかった著作物は収録されていない場合があります。
z このファイルやその内容を改変したり、商用を目的として再利用することはできません。あくまで個人や企業の非商用利用での閲覧、複製、送信に限られます。
z 収録されている内容を何らかの媒体に引用としてご利用する際は、出典として媒体名および月号、該当ページ番号、発行元（株式会社インプレス R&D）、コピーライトなどの情報をご明記ください。
z オリジナルの雑誌の発行時点では、株式会社インプレス R&D（当時は株式会社インプレス）と著作権者は内容が正確なものであるように最大限に努めましたが、すべての情報が完全に正確であることは保証できません。このファイルの内容に起因する直接的および間接的な損害に対して、一切の責任を負いません。お客様個人の責任においてご利用ください。

このファイルに関するお問い合わせ先
All-in-One INTERNET magazine 編集部
im-info@impress.co.jp
Copyright © 1994-2007 Impress R&D, an Impress Group company. All rights reserved.