mtde.info

Movable Type Developers Express

XHTML文書へCSSの参照を追加

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

XHTMLとCSSの役割を完全に分担（XHTML：構造、CSS：表現）させますので、CSSは外部ファイルとし、XHTMLから参照するためのコードを書き足します。このファイルを、UTF-8文字コードで「index.html」という名前で保存します。

次に、index.htmlのある同じフォルダ内へ、UTF-8文字コードで「styles.css」というファイル名でファイルを新規に作成してください。

<?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" />
   <link rel="stylesheet" href="styles.css" type="text/css" />
   <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>

CSSを適用する

2008 mtde.info