Home > P.057

P.057

  • Last Modified: 2009年3月 9日 13:58

このページは、株式会社技術評論社より刊行されている実践 Web Standards Design に記載しているソースコードのサンプルを呈示しています。 書籍該当部分と照合しやすいように前後の解説文も掲載していますが、あくまで照合用のため、適宜前後を省いたり内容を省略したりしています。 書籍を読みながら実際にサンプルを表示する際の補助資料として活用してください。

また、 XHTML ソースと CSS ソース、関連画像を含めた全サンプルの ZIP アーカイブ (3,104,743 Bytes) もダウンロードできます。 ( ZIP アーカイブには解説文は含まれていません。)

解説

52 ページで作成した例の head 要素内をもっと充実させた例を示してみます。

この例では、 link 要素にて作成者の情報を表す rev="made"というリンクタイプを記述しています。 これは HTML 4.01 での Link Types にはない値ですので、「 with rev="made", the target is an e-mailbox of the author of the document. 」※ 16 という定義を行っている「 http://purl.org/net/ns/metaprof 」という URI を head 要素の profile 属性に指定しています。

XHTML

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
  <head profile="http://purl.org/net/ns/metaprof">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta name="author" content="LH3 Studio" />
    <meta name="description" content="合同会社LH3 Studioのプレスリリースの直近15件分を掲載しています。" />
    <link rev="made" href="mailto:info@lh3.jp" />
    <link rel="stylesheet" href="basic.css" type="text/css" media="screen, tv" charset="UTF-8" />
    <link rel="alternate" href="press-release.xml" type="application/xml" charset="UTF-8" title="XML Feedによるプレスリリース更新情報" />
    <link rel="help" href="help.html" charset="UTF-8" title="ヘルプページ" />
    <title>合同会社LH3 Studio - プレスリリース</title>
  </head>
  <body>
    <h1>合同会社LH3 Studio</h1>
      <div class="section">
        <h2>プレスリリース</h2>
          <div class="section" id="pr-20070109">
            <h3>2007-01-09 - 業務再開のお知らせ</h3>
            <p>新オフィスにて業務を再開しました。新しいお問い合わせ先、および新オフィスへのアクセスは、<a href="info/map.html">マップページ</a>をご覧ください。</p>
          </div>
          <div class="section" id="pr-20070106">
            <h3>2007-01-06 - 移転作業のお知らせ</h3>
            <p>本日より3日間、新オフィスでの業務開始へ向けて移転作業を行います。誠に勝手ながら、<em>6日から9日まではユーザサポート業務を中止させていただきます</em>のでご了承ください。なお、緊急の連絡は<a href="mailto:admin@lh3.jp">admin@lh3.jp</a>までお願いいたします。</p>
          </div>
          <div class="section" id="pr-20070105">
            <h3>2007-01-05 - 現オフィス業務終了のお知らせ</h3>
            <p>本日21:00を持ちまして、現在のオフィスでの業務は全て終了させていただきました。6日から9日まで、移転作業を行う予定です。</p>
          </div>
      </div>
      <dl>
        <dt>お問い合わせ・ユーザサポート</dt>
        <dd>東京都新宿区市谷左内町00-00 合同会社LH3 Studio</dd>
        <dd><address>Tel : 03-****-****</address></dd>
        <dd><address>Fax : 03-****-****</address></dd>
        <dd><address>Mail : <a href="mailto:info@lh3.jp">info@lh3.jp</a></address></dd>
      </dl>
  </body>
</html>

Download

Comments:0

Comment Form

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

Trackbacks:0

TrackBack URL for this entry
http://lh3.jp/files/system/mtos/mt-tb.cgi/29
Listed below are links to weblogs that reference
P.057 from lh3.jp

Home > P.057

Tag Cloud
Categories
Archives
Search
Feeds
  • Feed by feedburner.jp

Return to page top