.html、.htm、.shtml、および .shtm_html/css_WEB-ITnose のファイル拡張子の違い

個人という新しいカテゴリが追加されました。これを中国語で「個人的な悪趣味」と解釈します。ここでは、仕事には関係ないが、個人が一時的に興味を持っているものをいくつか記録します。知る中で。

今日は、タイトルにある 4 種類の拡張ファイルの違いについて説明します。ほとんどの人と同じように、私も最初に .html 拡張子が付いたファイルに触れました。その後、仕事中に、フロントエンド ファイルがすべて .htm 拡張子で書かれていることを発見しました。 .shtm ファイルに対応します。そこで、時間をかけて両者の違いを理解した結果、以下のように記録しました。

.htm VS .html

まず、.htm ファイルと .html ファイルの違いを見てみましょう。答えは実際には、それらは同じですです。

実際、これは単なる個人的な好みの問題であり、サフィックス名に一貫性を保つだけです。従来、Windows では通常 .htm 接尾辞が使用され、Linux (Unix) では .html 接尾辞が使用されます (Linux では、.htm ファイルを開くと、ソース コードが直接表示されます)。これは、昔、オペレーティング システム (DOS) のプラットフォームが Windows 3 であったためです。3 文字まで使用できるため、当時は .html 接尾辞は明らかに使用できませんでした。現在、これらの問題はもう存在しません。 (個人的には .html の方が形式的だと感じています。.htm を使うと dos の時代に戻ると考える人もいます) index.html と 2 つのファイルが両方ある場合、サーバー側に別の問題があります。サーバー側のフォルダー内のインデックス.htm ファイルの場合、URL で次のファイル名 (http://www.domain.dom/dirname/ など) が省略されている場合、明らかに一方のファイルが他方のファイル (index.html) より先に読み取られます。最初に解析されます)。実際、通常、2 つのインデックス ファイルを同じフォルダーに保存することはありません。

.html VS .shtml

.html ファイルと .shtml ファイルの違いについて説明します。簡単に言えば、.shtml ファイルは HTML ファイルに ssi を加えたものです。それで、ssiとは一体何ですか？実際、私は以前にこのようなことに遭遇したことがあります。Apache で SSI 構成を有効にして、HTML がこの記事に含めることをサポートできるようにします。

SSI は、Server Side Include の頭字語です。サーバー側の組み込みコマンドを含む HTML テキストが含まれます。 SHTML ドキュメントは、ブラウザに送信される前にサーバーによって完全に読み取られ、解析され、変更されます。 SSI は、HTML ファイルのコメント行を通じて呼び出すことができるコマンドまたはポインターです。 SSI には強力な機能があり、簡単な SSI コマンドで Web サイト全体のコンテンツを更新したり、時刻と日付を動的に表示したり、シェルや CGI スクリプト プログラムなどの複雑な機能を実行したりできます。 Web サイトのメンテナンスでよく発生する問題は、Web サイトの構造は修正されているものの、少しのコンテンツを更新するために多数の Web ページをやり直さなければならないことです。 SSI は、この問題を解決するためのシンプルかつ効果的な方法を提供します。これにより、Web サイトの基本構造がいくつかの単純な HTML ファイル (テンプレート) に配置され、後はテキストをサーバーに渡してプログラムに実行させるだけです。テンプレートに基づいて Web ページを自動的に生成するため、大規模な Web サイトの管理が容易になります。

これを使用すると、Web サイトの一部の公開領域を独立したページにし、この技術を使用してこの領域のコンテンツを必要とする他のページに埋め込むことができます。

メカニズム:

SSI メカニズムは、Apache などの Web サーバーがユーザーのリクエストを解析した場合、静的生成ではなく

動的包含

です。 SSI には命令が含まれており、含まれているページを自動的に抽出して要求されたページに埋め込み、それをページ全体としてユーザーに送信します。ユーザーはサーバーが何をしたかは知りませんが、完全なページを取得することだけを知っています。 SSI の動作メカニズムから、ユーザーがページをリクエストするたびにインクルードアクションが発生することがわかっているため、インクルードされたページのコンテンツが変更された場合、それをリアルタイムで反映することができます。使いやすいです 静的ページの動的な埋め込みを実現するには、これを使用して Web サイト全体のパブリック領域を実装するか、繰り返し領域のコンテンツが多数ある

を独立した静的ページ

に公開してから、必要に応じて SSI 命令を使用します。サイト全体の先頭と末尾などの 、サイト全体の最新ニュース などを含めます。 実際、.html ファイルでも SSI を有効にすることができます。SSI を有効にすると、.html ファイルと .shtml ファイルを同じように扱うことができます。

具体的な設定方法については、「Apache で SSI 設定を有効にして、HTML がインクルードをサポートできるようにする」を参照してください。

AddType text/html .shtml .htmlAddOutputFilter INCLUDES .shtml .html

.shtm ファイルについては、ブラウザでソース コードを直接開きます。ウィンドウ7アパッチ。