*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ（サイズ） HTMLに設置したコンテンツのサイズ ドキュメント（サイズ） 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ

ベーシック認証は個別のファイルに制限をかけるのではなく、ディレクトリに制限をかけるようになっています。 例えば、下記のようなディレクトリ構造の場合、赤字部分の（「.htaccess」が設置されたディレクトリ）全てのディレクトリやファイルにパスワード制限がかかるようになります。 [home] ┣index.htm ┣[data1]←「.htaccess」が設置されたディレクトリ内の全てのディレクトリとファイルに制限がかかります。 ┃　┣.htaccess ┃　┣.htpasswd ┃　┣[data2] ┃　┃　┗data.dat ┃　┗menu.htm ┗[data3] ┗[data4]

Apache付属のモジュールmod_vhost_aliasを使うと、サブドメインとかフォースレベルドメインが動的に設定できます。 VirtualDocumentRoot /home/%2/svn_work/%1/httpd VirtualScriptAlias /home/%2/svn_work/%1/cgi-bin と設定することで http://tips.tricks.yabumaru.jp/ にアクセスすると /home/tricks/svn_work/tips/httpd がドキュメントルートになります。 新たにサイトを増やす際にはディレクトリを作成してDNSを設定すれば完了です。 Apacheの設定ファイル（httpd.conf）を編集したり、再起動しなくても不要なので便利です。 以下は設定例です。 NameVirtualHost *:80 LogFormat "%V %h

エラーページをオリジナルにする アドレスを間違えたりページを削除したりしてリンク先がなかった場合に表示されるエラーページ。 例えば　こんなページ　よく見かけますよね？ 味気ないし、このページを見たら速攻で戻るボタンを押したりしちゃうのは私だけじゃないでしょう（＾＾； 自分のホームページに来てくれたお客さんにそんな味気ないエラーページを見せて、速攻で逃げられちゃうのは悲しいですよね そこで、htaccessを使ってオリジナルなエラーページを表示させましょう 同じエラー画面でも印象がグッと変わりますよ（＾＾）ｂ まず、エラーページを作成します error.html　　→　こんな感じの　まぁ。お好きに 次に、メモ帳を開いて以下の項目を書きます ErrorDocument 401 http://○○.xx.jp/error.html ErrorDocument 403 http://○○.xx.j

ホームページを作る上で、特定の人にだけ見せたいページが出てくるでしょう。 そのようなページでユーザー名とパスワードを入力させる認証ダイアログがポップアップ表示するところを見たことがあると思います。 これを Basic 認証 と呼びます。 ここでは、Basic 認証の仕組みや特徴、.htaccess と .htpasswd の書き方、 そして、.htpasswd に記述するハッシュ化パスワードの生成方法について解説します。 Basic 認証のダイアログ Basic 認証の認証ダイアログは、ブラウザーによって見た目が異なります。 実際に、お使いのブラウザーではどのような画面が出るのかをお試しください。 Basic 認証を試す Basic 認証の特徴 Basic 認証は、認証の仕組みとしては非常にシンプルなため、手軽に用意できるメリットがある反面、 いくつかのセキュリティ上のデメリットもあります

アクセス元のドメインでアクセスを制限したい場合は、.htaccess に以下のように記述します。 order deny,allow deny from all allow from .hoge.com この例では、アクセス元が「.hoge.com」の場合にアクセスを許可し、 そうでなければアクセスを拒否します。1 行ずつ見ていきましょう。 「order deny, allow」は、次の行に続く「allow」と「deny」 の指示の評価の順序を定義します。 上記の例では、deny を先に評価し、次に「allow」を評価します。 つまり、まず「deny from all」ですべてのアクセスを拒否し、 次に「allow from .hoge.com」を評価しますので、 結局は .hoge.com のみを許可することになります。 allow と deny の評価の順序は、order 指示子によって

アクセス制限をかけるときに使う .htpasswd ファイルや、 掲示板やアクセス解析 CGI などが出力するログファイルなどは、通常ですと、 ブラウザーで直接アクセスすると見ることが可能です。 しかし、.htaccess の設定により、 特定のファイルをブラウザーから見ることができないよう制限することができます。 <Files ~ "\.log$"> deny from all </Files> 上の例では、拡張子が「.log」のファイルを見れないようにします。 これを応用して、たとえば、「.htaccess」と「.htpasswd」を見れないようにするには、 <Files ~ "^\.(htaccess|htpasswd)$"> deny from all </Files> と記述すればいいのです。 この記述は、正規表現によるパターンマッチを使っています。 難しい言葉ですが、具体例を見

特定のホストのアクセスを制限する 次の例は、特定のホストからのアクセスを拒否する .htaccess の設定例です。このように書かれた .htaccess を編集し、アクセス制限したいディレクトリに置いてください。そのディレクトリ以下すべてのリソースは、指定されたホストからの要求に対して 403 forbbidden を返してアクセスを拒否します。 # アクセス制限 order allow,deny allow from all deny from ppp01.aaa.ne.jp # ppp01.aaa.ne.jp を拒否 deny from .bbb.co.jp # ???.bbb.co.jp を拒否 deny from .go.jp # 当局によるアクセスを拒否 deny from 130.90. # 130.90.???.??? を拒否 特定のホストのアクセスだけを許可する 次の例は

HTML&CSS Web制作リファレンス - ホームページの構築・運用 -