ここでは、サイトやブログの移転時にページ単位で 301 リダイレクトを行うサンプルを掲載しています。テンプレートをコピーしてリダイレクト(引越)先の URL を書き換えるだけです。引越し前の URL へのアクセスは自動的に新しい URL へとリダイレクトされるので、ユーザビリティの面でも効果的です。また、検索エンジンにも引越しをページ単位で伝えることができます。
Tag Archives: html
[ HTML ] 文字を太字(強調)で出力する ( strong em b font-weight )
ここでは、HTML で文字を太字にするサンプルと、文章内で重要であることを強調するサンプルコードを掲載しています。また、ブラウザでの出力結果も合わせて確認できます。
[ HTML ] 文字間隔と行間(行の高さ)を設定する ( letter-spacing / line-height )
ここでは、HTML で文字と文字の間隔および、行の高さを設定するサンプルを掲載しています。
[ HTML ] リスト表示形式の設定と開始番号の変更 ( list-style-type, start / value )
HTML でリスト表示(箇条書き)を行うには UL タグと LI タグを使用します。デフォルトでは、黒丸 ( 違うブラウザがあるかは知らない ) が先頭に付加されますが、異なる記号に変更することもできます。
変更するには、list-style-type を設定します。
[ HTML ] テキストが画像をまわり込むようにする ( float:right )
ここでは、テキストが画像をまわり込むように表示する HTML のサンプルを掲載しています。ニュースメディアなどでは、この画像の位置にバナー広告が配置されることが多いと思います。
[ HTML / CSS 入門 ] 文字を斜体 / イタリック体にする ( italic / oblique )
ここでは、HTML および css で文字を斜体 / イタリック体にするサンプルを掲載しています。人生斜めに傾いています。斜めっていこう!!
[ PHP ] POST と GET で同時にデータの受け渡し
POST および GET メソッドによる値の受け渡し方法は非常に簡単です。ここでは同時に両方の方法(POST / GET)で値を受け渡すサンプルを掲載しています。
[ Javascript ] 右クリックによるメニュー出力を無効化する ( oncontextmenu )
ここでは、ブラウザ上で右クリックすると出力されるコンテキストメニューの出力を無効にするサンプルスクリプトを掲載しています。
[ HTML CSS ] 文字や画像を重ねて表示する ( position: absolute, z-index )
ここでは、スタイルを使用して、文字を重ねて表示するサンプルを掲載しています。もちろん、重ねて表示できるのは文字だけではありません。画像などでも重ねて表示することができます。
[ HTML ] form, h1 などのブロック要素を改行させない ( display:inline )
HTML では form や h1 などのブロック要素はブラウザでは改行されて表示されます。span などのインライン要素などは明示的に改行しない限りはブラウザでは改行されることなく表示されます。