ITサポーターズの仲間たち    mushi

IT関連のサポートに携わる変人が微弱な電波を発してます。
ビビビビビッ!

URL変更のお知らせとお願い 当サイトのドメインが変更となりました
http://zxvf.homeip.net から http://zxvf.stzo.net に変更となりました。
当サイトにリンクしていただいている方々にはご面倒ですが変更をお願いいたします。(2014/4/7)

XHTML対応完了


XHTML対応完了 苦労したけどこれでスッキリ



苦労したけどこれでスッキリ

サイトをいくつか管理しているんだけど、そろそろXHTMLに対応した方が良さそうかななんて思い始めた。
最近は色々な機器が出てきているしXHTMLといってもすでに約10年前の話だ。
SEO対策でもちゃんとした記述をした方が良いらしいし、やはりIT関連の仕事をしてる関係もあって恥ずかしいサイトをやっているとわかる人にはわかってしまうしね。

DOCTYPEには実にたくさん種類があって、いざ知ろうと思っても嫌になってしまう。
ただ現在一般的に使われているのは少ないと思われる。
ほとんどが HTML 4.01 と XHTML 1.0 ではないだろうか。

ページの最初に宣言をどの言語で書かれているか宣言しなければいけないけれど内容は、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

とか書かなくてはならない。
これがさらに細かくやっかいで、Transitional と Strict があったり、DTD宣言(後方のURL記述)あるなしでブラウザの解釈が変わってくるらしい。
さらにもっと厳格な XHTML 1.1 がある。(実は他にものすごい種類がある)
HTML文書といってもプログラムの記述と同じなんだ。PCに正確に解釈させるためにね。
プログラムだとちょっと間違えただけで動いてくれないけど、HTMLはブラウザ側で適当に解釈して表示してくれる。
これにおんぶに抱っこだとIEみたいに独自解釈エンジンのお世話になって、IEでしか表示や機能しないしょうもないページが出来上がってしまう。
なのでできるだけ、HTML の規則に従ってHTMLを書いた方がブラウザもレンダリングし易く良いに決まっているのだ。

でもって、昔に書かれているHTMLページはほとんど HTML 4.01 風に書かれていると思うので、これを XHTML に修正して書き換えてあげるわけだ。
ポイントは
・XMLバージョンとドキュメントタイプを記述する
・要素名と属性名小文字で書き途中で改行しない
・属性値には必ず引用符(ダブル""・シングルクォーテーション'')で囲む
・空要素 br hr img input などは最後にスラッシュを付加するか、終了タグを付ける
・タグをオーバーラップさせない
などなど。
ある程度HTML 4.01 でちゃんと書かれていれば変換するのはそれほど難しい作業では無いはずだ。
もしスタイルシートを使っていなかったらスタイルシート対応に変えてやった方がいい。

そんなこんなで、仕事で扱っているHTMLのページは変換した。
(phpの一部と自分の個人的なページは全部終わってなかったりする)
もちろんこれはこちらの都合なので無料で。ただし表示内容などの変更はなしでね。
ま、仕事出来ないので接点ということで。

問題なのは perl とか php で書かれたページ。
実にやっかい。

そもそもきっかけとして php でページを作っていると改行タグに困る。
nl2br (変数に入った内容の改行文字\nを <br /> に変えてくれる)とかの関数を使うことが結構あるんだけど、
HTML 4.01では改行は<br>なのでおかしなことになってしまうのだ。

そこでXHTMLにしてしまえということで、このサイトも無事に XHTML 1.0 Transitional となったわけ。
いやーさすがに苦労しました。これだけの規模の書き換えは。

ちゃんと出来上がって嬉しかったのでW3Cの合格アイコンを右の方に貼ってみた。
ここでページの記述の評価をしてくれるので自分のサイトや企業のサイトとかも試してみると良いだろう。
Valid XHTML 1.0 Transitional



< 過去の記事 [ 12月の 全てのトピック リスト ] 新しい記事 >
via IPv4

twitter

●→ トップページ

12/18(Mon) 06:31:30

サイト内検索

 

トピックのカテゴリー

全てのトピック
今日の思考回路
趣味について
ニュース!
Technical
Linux
OSX
その他いろいろ

みんなのリンク

全てのリンク
ニュース
アミューズメント
生活
Tools
Windows
OS X
Technical
その他のリンク
MACアドレスで位置情報検索


Archives




新しいトピック
最新:05/08 18:22


Valid XHTML 1.0 Transitional

Syndicate this site(XML)

RSS1.0(RDF)

RSS2.0(RSS)

SpecialThanks
011373798

....   

Copyright (C) 2005-2017 Amato. All rights reserved.