xhml・html
サイト再構築 xhtmlへの変更
2007年05月02日
htmlからxhtmlへの変更は、タグをきちんと書いていれば、思っていたより簡単です。タグを直していたら、自然とxhtmlへ対応できるようになったので、この機に変更します。
htmlとxhtmlの大きな違いは、
・もちろん宣言部分が違います
<?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" xml:lang="ja" lang="ja">
・エレメントのないタグ（<タグ> 内容 </タグ> の【内容 </タグ>】ないタグ。例えば、metaとかimg）の終了は、【半角スペース＋/>】とする
・タグ、属性は宣言以外小文字で書く
etc・・・
です。HTML Made Easyが参考になります。
使っていたhtmlエディタが、大文字でタグを入れるので、この変更が大変でした。どこを見ても、小文字に設定するところがないので、今後はエディタを変更しようと思ってます。いいエディタが見つかったらこのブログに書き込みます。
タグの変更が終わったら、テストサイトにULして、文法チェッカーでチェックします。
Another HTML-lint gateway
文法に間違いがなくなるまで変更していきます。
これでxhtmlへの変更が終わりました。もう少しテストサイトで動かしてから本番へULです。
htmlとxhtmlの大きな違いは、
・もちろん宣言部分が違います
<?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" xml:lang="ja" lang="ja">
・エレメントのないタグ（<タグ> 内容 </タグ> の【内容 </タグ>】ないタグ。例えば、metaとかimg）の終了は、【半角スペース＋/>】とする
・タグ、属性は宣言以外小文字で書く
etc・・・
です。HTML Made Easyが参考になります。
使っていたhtmlエディタが、大文字でタグを入れるので、この変更が大変でした。どこを見ても、小文字に設定するところがないので、今後はエディタを変更しようと思ってます。いいエディタが見つかったらこのブログに書き込みます。
タグの変更が終わったら、テストサイトにULして、文法チェッカーでチェックします。
Another HTML-lint gateway
文法に間違いがなくなるまで変更していきます。
これでxhtmlへの変更が終わりました。もう少しテストサイトで動かしてから本番へULです。
コメント