HTMLの最近のブログ記事

webのページの遷移方法

htmlのaタグで移動するのが基本ですが、それ以外にも色々な移動、遷移、リダイレクトする方法があります。

aタグのリンク
一番よく使う方法です。

<a href="http://web.p-jisoku.com/">web備忘録</a>

metaタグのリフレッシュ
少しの間情報を見せてから自動的に移動する時によく使います。
URLの前の3は移動するまでの時間で、変更出来ます。

<meta http-equiv="refresh" content="3;URL=http://web.p-jisoku.com/" />

formタグのサブミット
問い合わせフォームなどでよく使います。
フォームの内容を受け取る事が出来ます。

<form action="http://web.p-jisoku.com/" method="post">
<input type="submit" />
</form>

javascript

location.href = "web.p-jisoku.com/";
関数にして使うことが多いです。

window.open('web.p-jisoku.com/')
別のウィンドウが立ち上がります。

php

header("Location: http://web.p-jisoku.com/");
条件分岐して移動先を変えるときなどによく使います。

.htaccess

Redirect permanent /~user/web/ http://web.p-jisoku.com/
アクセスしようとしたら違うページに飛ばされます。

htmlのタグやCSSを調べたい時よくいくサイトです。

タグインデックス

html以外にもCSSやjavascriptの解説もあります。

とほほのＷＷＷ入門

ソースサンプルがたくさんあります。

HTMLクイックリファレンス

CSSのリファレンスとしてよくお邪魔します。

軽くて、便利で、たくさんカスタマイズ出来る高性能なエディタです。

サクラエディタ　Download

お勧めは、右クリックで「サクラエディタで開く」もチェックしてインストールします。

キーワードにMovable Typeを見つけたので。

MTタグの強調キーワードの設定方法

MTタグの強調キーワードを配布先　Open MagicVox.net

MovableTypeテンプレート キーワード定義ファイルをコピー＆ペーストしてファイルをサクラエディタをインストールしたフォルダのkeywordフォルダにMT.kwdで保存。

設定> 共通設定> 強調キーワード> セット追加でセット名に「MT」と入力しOK

次にインポートで先ほどのkeywordフォルダのMT.kwdを選択しOKする。

次に、タイプ別設定一覧> 設定17（使っていれば次）設定変更> スクリーン> 設定の名前をMTにして、 ファイル拡張子をtplにする（任意のファイル名）。

カラー> 強調キーワード1をMTに、強調キーワード2～10をhtmlにしておく。

支援> 単語ファイルにkeywordフォルダのMT.kwdを選択しOKする。

以上でサクラエディタで簡単にMTタグを入力出来るようになります。

後PHPも強調設定しています。（PHPのキーワードファイルは1.5.2.1以降はデフォルトでkeywordフォルダに入っているみたいです）

HTMLの文法をチェックして、採点してくれます。

Another HTML-lint gateway

タグの閉じ忘れなどを確認するのにも便利なサイトです。

URLを指定する方法と、ファイルをコピー＆ペーストしてする方法と、ファイルをアップロードしてする方法から選んでチェックすることが出来ます。

チェックするHTMLのバージョンや、携帯向けの文法のチェックが出来ます。

それ以外にも細かな設定が出来ますが、細かすぎて使ったことが無いです。

フリーなのでお金は要りませんが、作者にビールをおごることが出来ます。

.htaccessファイルに

AddType application/x-httpd-php .php .html

と記述し.htmlでphpを動作させたいディレクトリに設置すればOKです。

Movable Typeは　設定　公開　アーカイブの拡張子でPHPにすることも出来ますが、途中から変更するとURLが変わってしまいますが、.htaccessを使うとURLを変更せずにPHPを動作させることが出来ます。

レンタルサーバーで.htaccessが使えることが条件です。

ちなみにロリポップでは.htaccessを使うことが出来ます。

formタグにdisabledをつけると使用できなくなり、postで送信したり出来ません。

何かを選択するまで、disabledにしておいて、何かを選択されるとjavascriptで使用出来るようにする。

<script language="javascript"><!--
function nodisab()
{
var undisab = '<input type="text" size="30" name="textfield" value="入力出来るようになりました。" />';
document.getElementById('intext').innerHTML = undisab;
}
//--></script>
<form id="form1" name="form1" method="post" action="">
<input name="radiobutton" type="radio" value="radiobutton" onClick="nodisab()" />&nbsp;クリックすると入力出来るようになります。<br />
<div id="intext"><input type="text" size="30" name="textfield" disabled="disabled" value="最初は入力出来ません。" /></div>
</form>