Tag Archives: html

[ HTML ] 振り仮名(ルビ)をふる(rubyタグ)

HTMLでは、 ruby タグを使用して振り仮名をふることができます。漢字やアルファベットの後に括弧などで振り仮名を書いておけば、ほとんどのケースで事足りると思いますが、どうしても必要という場合に使用することになるでしょう。

こういう感じで、ほとんどの場合はOKかと。。PPAP(ペンパイナッポーアッポーペン)

Continue reading »

[ HTML CSS ] 英小文字をサイズの小さな英大文字に変換する ( スモールキャピタル )

英文字をスモールキャピタルにするには font-variantsmall-capsを指定します。言葉だけでは説明しにくいのですが、スモールキャピタルとは、”abc” といった英小文字を小さな英大文字 “abc” に変換して出力することをいいます。

ここでは、スモールキャピタルがどのような文字に影響するかサンプルを掲載して確認しています。

Continue reading »

[ HTML5 ] Font 要素は廃止されました ( 廃止された要素一覧 )

今でも Font タグで設定した装飾はブラウザで表示してくれていますが、あるときを境に急に Font での装飾が一斉に表示されなくなる日が来るかもしれません。

今後もサイトやブログを長期的に運用していくのであれば、少なくとも HTML5 で廃止された要素の使用をやめたほうが良いでしょう。

Continue reading »

[ PHP ] 301 リダイレクトと HTMLヘッダのメタタグ(refresh形式) によるURL転送

ここでは、サイトやブログの移転時にページ単位で 301 リダイレクトを行うサンプルを掲載しています。テンプレートをコピーしてリダイレクト(引越)先の URL を書き換えるだけです。引越し前の URL へのアクセスは自動的に新しい URL へとリダイレクトされるので、ユーザビリティの面でも効果的です。また、検索エンジンにも引越しをページ単位で伝えることができます。

Continue reading »