M.C.P.C.

―むり・くり―プラスコミュニケーション（更新終了）


| トップページ |

2011年9月 5日 22:33

サイトをapplication/xhtml+xml化すると404なども表示されないので修正する（BlueOnyxデフォルトから）

このエントリーをはてなブックマークに追加 mixiチェック

サイトをXHTML5化するために、.htaccessに

AddType "application/xhtml+xml; charset=UTF-8" .html

なんていうのを入れてしまうと、404や403や500のエラーが出たときに表示させるHTML文章も、XMLとして適正（ウェルフォームド）になっていないとブラウザでエラーメッセージが表示できません。

というわけで、BlueOnyxで動いているWebサーバのエラードキュメントを、XHTML5にしました。

なんでBlueOnyxなんだよ、ていうかもしれませんが、「レンタルサーバ」「VPS」「メールサーバ」「ウェブサーバ」「SSHで入れる」「僕がいなくなってもだれかがメンテナンスできる」などの様々な要因を合わせて考えたらこうなったってわけです。

修正前：web/error/404-file-not-found.html（CP932）

<HTML>
<HEAD>
<META NAME="Copyright" VALUE="Copyright (C) 2000, Cobalt Networks, Inc.  All rights reserved.">
<!-- locale-sensitive -->
<TITLE>ファイルが見つかりません</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" >
<BLOCKQUOTE>
 
    <P>&nbsp;</P>
 
  <DIV ALIGN="center">
 
<TABLE WIDTH="400" BORDER="0" CELLSPACING="0" CELLPADDING="0">
        <TR BGCOLOR="#999999">
                <TD>
                        <TABLE WIDTH="400" BORDER="0" CELLSPACING="1" CELLPADDING="5" ALIGN="center">
                                <TR BGCOLOR="#990000">
                                        <TD COLSPAN="2">
<!-- locale-sensitive -->
                                                <DIV ALIGN="left">
                                                        <FONT COLOR="#FFFFFF" SIZE="3"><B>ファイルが見つかりません</B> </FONT>
                                                </DIV>
                                        </TD>
                                </TR>
                                <TR>
                                        <TD BGCOLOR="#FFFFFF" COLSPAN="2" VALIGN="middle">
                                                <TABLE WIDTH="100%" BORDER="0">
                                                        <TR>
                                                                <TD>
                                                                        <IMG SRC="/libImage/warning.gif" WIDTH="40" HEIGHT="40" ALIGN="middle">
                                                                        </TD>
                                                                        <TD>
                                                                                <FONT SIZE="2">
<!-- locale-sensitive -->
                                                                                        リクエストされた URL は、このサーバ上には見つかりません。</FONT>
                                                                        </TD>
                                                                </TR>
                                                        </TABLE>
                                                </TD>
                                        </TR>
                                </TABLE>
                        </TD>
                </TR>
        </TABLE>
  </DIV>
</BLOCKQUOTE>
</HTML>
<!--
Copyright (c) 2003 Sun Microsystems, Inc. All  Rights Reserved.
 
Redistribution and use in source and binary forms, with or without modification,
are permitted provided that the following conditions are met:
 
-Redistribution of source code must retain the above copyright notice, this  list of conditions and the following disclaimer.
 
-Redistribution in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation and/or
other materials provided with the distribution.
 
Neither the name of Sun Microsystems, Inc. or the names of contributors may
be used to endorse or promote products derived from this software without
specific prior written permission.
 
This software is provided "AS IS," without a warranty of any kind. ALL EXPRESS OR IMPLIED CONDITIONS, REPRESENTATIONS AND WARRANTIES, INCLUDING ANY IMPLIED WARRANTY OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE OR NON-INFRINGEMENT, ARE HEREBY EXCLUDED. SUN MICROSYSTEMS, INC. ("SUN") AND ITS LICENSORS SHALL NOT BE LIABLE FOR ANY DAMAGES SUFFERED BY LICENSEE AS A RESULT OF USING, MODIFYING OR DISTRIBUTING THIS SOFTWARE OR ITS DERIVATIVES. IN NO EVENT WILL SUN OR ITS LICENSORS BE LIABLE FOR ANY LOST REVENUE, PROFIT OR DATA, OR FOR DIRECT, INDIRECT, SPECIAL, CONSEQUENTIAL, INCIDENTAL OR PUNITIVE DAMAGES, HOWEVER CAUSED AND REGARDLESS OF THE THEORY OF LIABILITY, ARISING OUT OF THE USE OF OR INABILITY TO USE THIS SOFTWARE, EVEN IF SUN HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
 
You acknowledge that  this software is not designed or intended for use in the design, construction, operation or maintenance of any nuclear facility.
-->

修正後：web/error/404-file-not-found.html（UTF-8）

<!DOCTYPE html>
<!--#set var="d_page_title" value="ファイルが見つかりません"
--><!--#set var="d_description" value="リクエストされた URL は、このサーバ上には見つかりません。"
--><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
  <head>
    <meta charset="utf-8" />
    <!-- META NAME="Copyright" VALUE="Copyright (C) 2000, Cobalt Networks, Inc.  All rights reserved." / -->
    <!-- locale-sensitive -->
    <title><!--#echo var="d_page_title" --></title>
    <style type="text/css">
    table table td {
      padding: 5px;
    }
    table table table td {
      padding: 1px;
      text-align: left;
    }
    </style>
  </head>
  <body style="background-color: #fff;" >
    <blockquote>
      
      <p>&#160;</p>
      
      <div style="text-align: center; margin: 0px auto;">
        
        <table style="width: 400px; border: 0px; margin: 0px auto; border-spacing: 0px; padding: 0px;">
          <tbody>
            <tr style="background-color: #999;">
              <td>
                <table style="width: 398px; border: 0px; border-spacing: 0px; cellpadding: 5px; text-align: center; margin: 0px auto;">
                  <tbody>
                    <tr style="background-color: #900;">
                      <td style="border-bottom: 1px solid #999;">
                        <!-- locale-sensitive -->
                        <div style="text-align: left;">
                          <span style="color: #fff; font-size: 16px;"><b><!--#echo var="d_page_title" --></b> </span>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <td style="background-color: #fff; vertical-align: middle;">
                        <table style="width: 100%; border: 0px;">
                          <tbody>
                            <tr>
                              <td>
                                <img src="/libImage/warning.gif" width="40" height="40" style="vertical-align: middle;" alt="Warning" />
                              </td>
                              <td>
                                <span style="font-size: 13px;">
                                <!-- locale-sensitive -->
                                <!--#echo var="d_description" --></span>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </blockquote>
  </body>
</html>

やったこと：

1.後方のいらないコメントをとる

2.HTML5のDOCTYPE、XHTMLとしてのルート要素(html要素)に書き換え

3.<meta charset="utf-8" />

4.METAのCopyrigheとかは対応していないのでコメントアウト

5.文書冒頭でSSIで変数にタイトル文字列とエラーの説明を書き込んでおく

6.文中の必要なところでSSIで変数から表示させる

SSI使う時点でおかしい……

7.文字実体参照をひたすら数値文字参照へ

&nbsp;ぐらいですが。XHTML1などではDTDで文字実体参照を定義していたのですが、XHTML5にしちゃう場合、DTDが書けないので、数値文字参照に直す必要があります。

8.XHTMLっぽくひたすら書き換え

9.CSSをがっつり書き換え

ボックスモデルが違うので注意……

10.完成！

～～～

ここまでしなくても、web/error/ のディレクトリだけ、

AddType text/html .html

にしとけばいいので、このエントリは全く無駄です！

投稿　大野 義貴 [XHTML/XHTML5] | |

トラックバック(0)

トラックバックURL: http://blog.dtpwiki.jp/MTOS/mt-tb.cgi/3700

コメントする

書いている人： CL

印刷会社に13年間務め、DTP編集、製版・出力、システム開発、営業、Webプログラミング、企画、環境保全、労働安全衛生、コールセンター（インバンド・アウトバンド）、生産補助などに携わりました。転職決まりました。

評価・実績：

  • 前職：出力業務（印刷通販・システム整備）
  • 印刷業界内：DTPデータ検証・予防保全
  • 対外実績：独ハイデルベルグ社主催2008年世界環境大賞受賞応募書類作成

詳細→CLのGoogleプロフィール

カテゴリー

総エントリー数：3968

最近のコメント

RSS

最近の記事

最近のトラックバック

バックナンバー

RSS 1.0 RSS 1.0
はてぶカウンタ++
フィードメーター - M.C.P.C.

プロフィール

あわせて読みたい