ウェブサイト制作のためのメモ帳
Amebaでブログを始めよう!

htmlでphpを動かす、またはphp拡張子を隠す

.htaccessまたはApacheの設定ファイルに記述


拡張子がhtmlだけどphpを使えるようにする設定

AddType application/x-httpd-php .html
サーバーに付加あり?注意!でも使いようによる

特定のhtmlファイルだけに適用する場合

<Files hoge.html>
AddType application/x-httpd-php .html
</Files>

php拡張子を隠す

DefaultType application/x-httpd-php
サーバー環境によっては追加設定必要。(下記サイト参考)

参考:WEBプログラミング研究所

メタ(meta)タグを付ける

良く使うメタ(meta)タグ


文字コード指定
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

CSSを使う場合に記述しておく(推奨)
<meta http-equiv="content-style-type" content="text/css">

Javascriptを使う場合に記述しておく(推奨)
<meta http-equiv="content-script-type" content="text/javascript">

キーワード指定(SEO対策)
<meta name="keywords" content="php,html,css,hoge,hoge">
カンマ区切りで指定。何個でも良いが最初の3つが重要。

サイトの説明(SEO対策)
<meta name="description" content="このサイトはウェブサイト制作のためのメモ帳です。">
律儀に書く必要はない。とりあえずキーワードになりそうな単語をたくさん入れて文章にしておく。

検索に引っかからないようにする(一部の検索ロボットに対して有効)
<meta name="robots" content="noindex,nofollow">

何秒か後に別のページに飛ぶ
<meta http-equiv="refresh" content="5; url=hoge.html">
秒数は任意。

ページをキャッシュされないようにする
<meta http-equiv="Pragma" content="no-cache">

MovableType 4.21-jaのインストール

1.mt○○○.cgiの1行目のパスを環境に合わせて変更
#!/usr/bin/perl -w
↓(必要ないなら変更しない)
#!/usr/local/bin/perl -w

2.mt-config.cgi-originalをコピーしてファイル名をmt-config.cgiにする

3.ファイルをすべてアップロードしてcgiのパーミッション(属性)を755に変更

4.mt-check.cgiにアクセスして必要なものが全部揃ってるかチェック
 インストールしてないものがあったらインストールする

5-a.mt.cgiにアクセス
 あとは必要項目入れて完了(勝手にmt-config.cgiが変更される)

(以下mt.cgiにアクセスしたらDBI_DRIVERのエラーがでて進めない場合)
5-b.mt-config.cgiの内容を自分で変更する(変更したらアップロード)
# The CGIPath is the URL to your Movable Type directory
CGIPath http://www.example.com/cgi-bin/mt/

# The StaticWebPath is the URL to your mt-static directory
# Note: Check the installation documentation to find out
# whether this is required for your environment. If it is not,
# simply remove it or comment out the line by prepending a "#".
StaticWebPath http://www.example.com/mt-static

#================ DATABASE SETTINGS ==================
# REMOVE all sections below that refer to databases
# other than the one you will be using.
##### MYSQL #####
ObjectDriver DBI::mysql
Database DATABASE_NAME
DBUser DATABASE_USERNAME
DBPassword DATABASE_PASSWORD
DBHost localhost

##### POSTGRESQL #####
#ObjectDriver DBI::postgres
#Database DATABASE_NAME
#DBUser DATABASE_USERNAME
#DBPassword DATABASE_PASSWORD
#DBHost localhost

##### SQLITE #####
#ObjectDriver DBI::sqlite
#Database /path/to/sqlite/database/file

##### MAIL #####
MailTransfer smtp
SMTPServer smtp.hoge.com

##### Charset #####
PublishCharset Shift_jis

##### TempDir #####
TempDir C:\Windows\Temp


緑の部分を変更、使わないDBはコメントアウトか削除する
MAIL、Charset、TempDirなどは必要なら付ける(下記リンク参照)
文字コードはShift_jisじゃないと日本語ファイルをアップロードした時文字化けする
しかし、euc-jpかutf-8の方が好み

上に記述したデータベース名のデータベースを作成(phpmyadminとかで作ると簡単)
mt.cgiにアクセス
必要項目入力して完了

参考サイト
Movable Type 4 ドキュメントのMovable Type インストールガイド(sixapart)
Movable Type 4 ドキュメント環境設定ファイル mt-config.cgi の設定(sixapart)

ドキュメントタイプを付ける

ドキュメントタイプ(DOCUTYPE)を宣言する(いつも使うやつ2つ)


index.html内の最初に付ける
XHTML 1.0 Transitional の場合

<?xml version="1.0" encoding="文字コード"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml " lang="ja" xml:lang="ja">
文字コードがUTF-8の場合はxml宣言は必要なし、IE6対策のために宣言しない場合もあり

XHTML 1.0 Strict の場合

<?xml version="1.0" encoding="文字コード"?>
<!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">
文字コードがUTF-8の場合はxml宣言は必要なし、IE6対策のために宣言しない場合もあり
※Firefoxの場合、画像を貼る(<img src="hoge.jpg" />)と画像の下に隙間ができるので注意!回避するのが手間ならTransitionalにする。

ドキュメントタイプ(DOCUTYPE)参考
各HTMLバージョンのDOCTYPE宣言のサンプル集(GIFアニメ工房)

XHTML参考
XHTMLの書き方と留意点(The Web KANZAKI)

スタイルシートを分ける場合、メディアタイプ付ける場合

index.html内

<meta http-equiv="content-style-type" content="text/css" />
<link href="styles.css" rel="stylesheet" type="text/css" media="screen,print">

メディアタイプを指定する場合


styles.css内 『@import "hoge.css";』か『@import url("hoge.css");』

@import "base.css";
@import "header.css";
@import "footer.css";
@import url("hoge.css");
@import url("hoge2.css") print,tv;

メディアタイプを指定する場合


base.css内

@charset "utf-8";//文字コード指定

* {
margin:0;
padding:0
}

@media print {
body { }
}

メディアタイプを指定する場合


メディアタイプ参考
CSS 概説 | Media Types in CSS