XHTMLの構造を確認する

2008年2月23日 13:20 | Writer: apstar | 記事本文

まず、サンプルのXHTMLのコードを確認します。これはテンプレートをどうモジュール化するかを検討する際に必要な準備です。

サンプルのXHTMLは、以下のようなコードになっています。

<?xml version="1.0" encoding="UTF-8"?><!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" id="sixapart-standard">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>Sample</title>
</head>

<body>

   <div id="headcontent">
      <h1>This Is a Sample</h1>
      <p id="sitedescription">This In a Sample XHTML Pages.</p>
   </div>

   <div id="maincontainer">

      <div id="maincontent">
         <p>メインコンテンツ</p>
      </div>

      <div id="subcontent">
         <p>サイドバー1</p>
      </div>

      <div id="extracontent">
         <p>サイドバー2</p>
      </div>

   </div>

   <div id="footcontent">
      <address>アドレス</address>
   </div>

</body>
</html>

XHTML文書構造が、明らかにデフォルトテンプレートとは異なります。

body要素内は、headcontent（ヘッダ）、maincontainer（メインコンテナ）、メインコンテナの内部にmaincontent（メインコンテンツ）、subcontent（サイドバー1）、extracontent（サイドバー2）、そしてfootcontent（フッター）というグループからの構成となっています。

このうち、headcontent、mainkontainer、footcontentはフラットな同一階層です。

タグ:Template

mtde.info

XHTMLの構造を確認する

テンプレートの作成例