XHTMLがXML文書の一種であることを確認するために、XHTMLをXMLで表現してみます。
XHTMLの宣言文を削除して、XMLのルート要素となる<html>タグからxhtmlの名前空間を削除します。
<?xml version="1.0" encoding="utf-8"?>
<!--↓XHTMLの宣言文
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
-->
<!--↓XMLのルート要素-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="ハリウッド・カフェは、クリエイターが集まる創造空間カフェです。" />
<meta name="keywords" content="カフェ,クリエイター,CAFE,作品,創造,空間" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen,print" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<title>HOLLYWOOD CAFE</title>
</head>
<body>
<div id="pageBody">
<div id="pageTop">
<!-- ヘッダ要素 ここから -->
<h1><img src="images/top/hc_logo.png" alt="HOLLYWOOD CAFE" width="140" height="170" /></h1>
<h2>クリエイターが集まり、作品が生まれる。創造空間カフェ。</h2>
<p id="siteMap"><a href="sitemap.html">Sitemap</a></p>
<!-- ヘッダ要素 ここまで -->
<hr />
<!-- ナビゲーション ここから -->
<ul id="globalNavi">
<li><img src="images/top/navi_on_home.jpg" alt="Home" width="120" height="30" /></li>
<li><a href="about.html"><img src="images/top/navi_about.jpg" alt="About" width="120" height="30" /></a></li>
<li><a href="menu.html"><img src="images/top/navi_menu.jpg" alt="Menu" width="120" height="30" /></a></li>
<li><a href="access.html"><img src="images/top/navi_access.jpg" alt="Access" width="120" height="30" /></a></li>
<li><a href="contact.html"><img src="images/top/navi_contact.jpg" alt="Contact" width="120" height="30" /></a></li>
</ul>
<!-- ナビゲーション ここまで -->
<hr />
<div id="contentsWrap">
<div id="contents">
<!-- welcome to HOLLYWOOD CAFE ここから -->
<h3><img src="images/top/top_ttl_welcome.gif" alt="welcome to HOLLYWOOD CAFE" width="440" height="30" /></h3>
<p id="welcomeMessage"><img src="images/top/top_welcome_img.jpg" alt="" width="160" height="114" />ハリウッドカフェは、グラフィックやWebデザインをはじめ、色々なジャンルで活躍するクリエイターが交流する創造空間カフェです。仕事をお探しの方、仕事を依頼したい方、仕事仲間を探している方、ハリウッドカフェで新たな出会いを探してみませんか。</p>
<!-- welcome to HOLLYWOOD CAFE ここまで -->
<!-- Recommended menu ここから -->
<dl id="topRecommendedMenu">
<dt id="topRecommendedMenuTitle"><img src="images/top/top_ttl_recommend.jpg" alt="Recommended menu" width="190" height="20" /></dt>
<dd id="topRecommendedMenuWrap">
<ul>
<li><img src="images/top/top_recommend_img_01.jpg" alt="ハリウッド・バーガー" width="153" height="118" />
<dl>
<dt><strong>ハリウッド・バーガー</strong></dt>
<dd class="price">
<p>¥880</p>
</dd>
<dd class="menuData">
<p>当店で毎日焼き上げる自家製のパンを使ったオリジナルハンバーガー。ハンバーガーパティーは、厳選した国産和牛肉を炭火で焼き上げます。パンと肉本来の持つ旨味を存分にお楽しみ下さい。</p>
</dd>
</dl>
</li>
<li><img src="images/top/top_recommend_img_02.jpg" alt="ハリウッド・プレート" width="153" height="118" />
<dl>
<dt><strong>ハリウッド・プレート</strong></dt>
<dd class="price">
<p>¥1,380</p>
</dd>
<dd class="menuData">
<p>お酒を飲みながら軽い食事を楽しんでいただける5点盛り合わせ。どれも新鮮な素材を使用した手作りの味が自慢です。是非一度御賞味下さい。</p>
</dd>
</dl>
</li>
</ul>
</dd>
</dl>
<!-- Recommended menu ここまで -->
</div>
<div id="side">
<!-- Information ここから -->
<dl id="information">
<dt><img src="images/top/top_ttl_information.jpg" alt="Information" width="220" height="30" /></dt>
<dd>
<iframe src="info.html" width="220" height="200" name="info" title="Information" frameborder="0">インラインフレームを使用しています。<a href="info.html">非対応環境の方はこちらより新着情報をご覧ください。</a></iframe>
</dd>
</dl>
<!-- Information ここまで -->
<!-- バナー ここから -->
<ul id="sideBanner">
<li>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="220" height="68">
<param name="movie" value="images/top/banner01.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />
<!-- このパラメータタグにより、Flash Player 6.0 または 6.5 以降を使用して、Flash Player の最新バージョンをダウンロードするようメッセージが表示されます。ユーザにメッセージを表示させないようにする場合はパラメータタグを削除します。 -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 次のオブジェクトタグは IE 以外のブラウザで使用するためのものです。IE では IECC を使用して非表示にします。 -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/top/banner01.swf" width="220" height="68">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- ブラウザには、Flash Player 6.0 以前のバージョンを使用して次の代替コンテンツが表示されます。 -->
<div>
<h4>このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player を取得" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</li>
<li>
<object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="220" height="68">
<param name="movie" value="images/top/banner02.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />
<!-- このパラメータタグにより、Flash Player 6.0 または 6.5 以降を使用して、Flash Player の最新バージョンをダウンロードするようメッセージが表示されます。ユーザにメッセージを表示させないようにする場合はパラメータタグを削除します。 -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 次のオブジェクトタグは IE 以外のブラウザで使用するためのものです。IE では IECC を使用して非表示にします。 -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/top/banner02.swf" width="220" height="68">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- ブラウザには、Flash Player 6.0 以前のバージョンを使用して次の代替コンテンツが表示されます。 -->
<div>
<h4>このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player を取得" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</li>
</ul>
<!-- バナー ここまで -->
</div>
<!-- ページトップへのリンク ここから -->
<p id="gotoTop"><a href="#pageTop">PageTop</a></p>
<!-- ページトップへのリンク ここまで -->
</div>
</div>
<hr />
<!-- フッタ要素 ここから -->
<address>
Copyright 2007 HOLLYWOOD CAFE. All Rights Reserved.
</address>
<!-- フッタ要素 ここまで -->
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
//-->
</script>
</body>
</html>
<!--↑XMLのルート要素-->