mtde.info

Movable Type Developers Express

XHTML文書の完成

2008年3月 4日 21:05 | Writer: apstar | 記事本文

これで完成です。

<?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" />
   <title>○○株式会社 会社案内</title>
</head>

<body>
   <div id="headcontent">
      <h1>個人情報の取り扱いについて</h1>
   </div>

   <div id="maincontainer">

      <div id="maincontent">

         <h2>個人情報の取り扱いの定義</h2>

         <p>○○株式会社（以下弊社）は、よりご満足いただける商品・サービスを提供・持続するためにお客様の個人情報を活用させていただくことがあります。</p>
         <p>弊社では、お客様の個人情報を慎重に取り扱い、個人情報がプライバシーに関わる重要な情報であると認識したうえで、個人情報を適切に保護し、ご本人の意向に沿って活用しなければならないと考えています。</p>

         <dl>
         <dt>対象</dt>
         <dd>当プライバシーポリシーは、弊社で取り扱う全ての個人情報を対象とします。</dd>
         <dt>法令の遵守</dt>
         <dd>個人情報を取り扱う上で関係する法令・政令・ガイドライン等を遵守します。</dd>
         <dt>利用</dt>
         <dd>個人情報の利用にあたっては、利用目的を明確にし、その利用目的の達成に必要な範囲内で取り扱います。</dd>
         <dt>取得</dt>
         <dd>個人情報は、適法かつ適正な方法で取得します。</dd>
         </dl>

         <h2>個人情報の取扱いに関するお問い合わせ</h2>

         <p>○○株式会社<br />
         〒xxx-xxxx ○○市○○区○○x-xx-x<br />
         電話番号：xx-xxxx-xxxx</p>

      </div>
      <div id="subcontent">
         <dl>
         <dt>会社案内</dt>
         <dd>
         <ul>
            <li>会社概要</li>
            <li>沿革</li>
            <li>採用情報</li>
            <li>会社所在地</li>
            <li>お問い合わせ</li>
         </ul>
         </dd>
         </dl>
      </div>
   </div>

   <div id="footcontent">
      <address>2008 ○○株式会社</address>
   </div>

</body>
</html>
xhtml_0030_xhtmlcmp.png

今回のサンプルでは、次のような文書構造の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" />
   <title>ページタイトル</title>
</head>

<body>
   <div id="headcontent">
      <h1>大見出し</h1>
      <p>ヘッダーコンテンツ</p>
   </div>

   <div id="maincontainer">

      <div id="maincontent">

         <h2>中見出し</h2>
         <p>メインコンテンツ</p>

      </div>
      <div id="subcontent">

         <h3>中見出し</h3>
         <p>サブコンテンツ</p>

      </div>
   </div>

   <div id="footcontent">
      <p>フッターコンテンツ</p>
   </div>

</body>
</html>

headcontentは、「最初に読み込まれるから」という理由でこのような名前にしています。

maincontentは、「メインの文章である」という理由でこのような名前にしています。

subcontentは、「サブの文章である」という理由でこのような名前にしています。右（right）や左（left）としていないのは、CSSの組み方によって右にも左にもできるからです。

footcontentは、「最後に読み込まれるから」という理由でこのような名前にしています。

XHTML文書の作成

2008 mtde.info