無料!発信中!メール情報誌!

ホームページ作成しよう!
HTML〜スタイルシート

ホームページ作成TOP > 表示サンプルのルールについて
表示サンプルのルールについて

ホームページ作成に関する各ページ内で紹介している『各ブラウザの表示サンプル』のルールについての説明です。

ホームページ作成は様々な要素を使用する事で可能になります。
しかし、この様々な要素を使用する事で意図しない表示になる場合があります。
本サンプルは他の要素を可能な限り削除し、対象となる要素のみで表示した結果になってます。

また、実行結果としてはW3C検証を行い下記の正当な記述である事の検証を行っています。

ドキュメントタイプについて <!DOCTYPE>

使用しているドキュメントタイプ(宣言のバージョン)は、互換モードではなく標準モードで表示する為に下記の対応にて作成してあります。

ドキュメントタイプ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
文字コードセット<meta>

使用する文字を宣言します。これを指定する事で、『文字化け』の可能性が低くなります。

下記が日本国内での一般的な文字コードになります。

Shift_JIS (シフトJIS)
標準の文字コード。最も一般的な文字コードである。
iso-2022-jp (JIS)
日本工業規格が規定した文字コード。ISO(国際標準化機構)規格がもととなる。
EUC-JP (日本語EUC)
UNIXやワークステーション等での標準文字コード。

今回では、問題が最も少ないと思われる『Shift_JIS』で行います。

これを<head>〜</head>内に記載します。

文字コード

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
スタイルシートについて <meta>

文字コード同様にCSS(スタイルシート)に関しても行います。

スタイルシート

<meta http-equiv="Content-Style-Type" content="text/css">
全体内容はこうなります。
全体内容

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>

   <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
   <meta http-equiv="Content-Style-Type" content="text/css">

   <style type="text/css">
   <!--


   -->
   </style>
  </head>

<body>


</body>
</html>

このページのTOP ▲

ブラウザ等の実行環境について 

表示サンプルは、下記のブラウザに関して掲載してあり、使用した実行環境なども下記を参照願います。

実行環境バージョン
オペレーションシステム(OS)Microsoft windows 2000
5.00.2195 service pack 4
InternetExplorerVersion:6.0.2800.1106
Mozilla FirefoxVersion:1.0
OperaVersion:7.53

↓ Windows Vista + InternetExplorer 7 を追加しました。↓

実行環境バージョン
オペレーションシステム(OS)Microsoft windows Vista
Home Premium
InternetExplorer 7Version:7.0


免責事項

当サイト内の実行結果やソースコードなど全ての情報は組み合わせや、実行環境などの様々な状況で変化する事も有り得ますので、一切保証致しかねますのでご了承下さい。

よって、提供させて頂いている情報が原因で発生した損失や障害については一切責任を負いません。

ただし、レイアウトやデザイン等に関する著作権に関してはwww.1uphp.comに帰属してあります。

このページのTOP ▲