Online:ゲームとWebページの技術的な情報ブログです。プロフィールコメントが一番多い記事(233コメント):人の心理の裏をかくホームページ集客術:リピータになってもらうためにはツイートが一番多い記事(94ツイート):ちょっと待て!twitterやfacebookに子供の写真を掲載する親達への警告いいねが一番多い記事(574いいね):facebookスパムに要注意。ID:1008774000今日は久々、Webデザインの話。今、FF同盟のレイアウト制作をしているのだけれどちょっと気がついたことがあった。して、”titleタグ(<title>)の中には全角を使ってはいけないのではないだろうか?”HTMLデザインの話で少しややっこしくなるのだが、ミディリンのトップページを見て、そしてサイト内のページを見たあとブラウザのバックボタンでトップページに戻るとトップページのレイアウトが崩れていることが偶にないだろうか?(すでに読者さんからのこの報告もうけている)しかし、そこでリロードをするとちゃんと読み込まれて表示されるのだ。今日、もう1つのFF同盟のサイトのレイアウトを組んでいる時も同じ現象が起きて、その原因を探っていたのだが、titleタグの中に半角文字だけであれば、レイアウトが崩れないのだが全角文字が1字でも入っていると最初のロード時ではレイアウトが崩れ、リロードするとちゃんと表示されるという現象がおきたのだ。何十回やってもそうで、ミディリンで起きる、ブラウザでバックするとレイアウトが崩れるという原因もこれがそうなのではと今日疑問に思った。文字コードが、titleタグより後に定義していると、titleだけ文字コードが指定されずブラウザに表示されるタイトルが文字化けが起こることがたまにあるため、titleの前に文字コードを指定した方が好ましいと一般的にWebデザインの世界では言われている。そのため、市販のHTMLエディタだと、titleが先につけられるものが多々あるので手動でtitleタグとmetaの文字コードの位置を入れ替える必要がでてくる。titleとmetaの入れ替えは、置換で一気に変更する)titleタグの中に全角を指定してはいけないというのはネットで探しても載っていないんだよね。リロードすれば何も問題はないんだけれどこれはブラウザ(IE)のバグなのだろうか?ネスケでは、全角を入れても大丈夫みたいだった。titleに全角を入れる利点というのは、わかりやすいということと、ロボット型検索エンジンは最初に、titleタグの部分をヒットさせて題名として表示させることが多いため、titleタグを全角にすると、ヒットしやすいから全角でわかりやすい題名とキーワードを指定しておくといいわけで。titleに全角を入れて、最初の読み込み時(もしくはブラウザバック時)にレイアウトが崩れるとき、これの回避方法ってないのかな。titleタグの中に半角しか使わないということしかないのだろうか。それにしてもさくらネットのメンテナンスには困った。ミディリンのトップページ及び日記以外、ほとんどがさくらネットにあるので今日の突然のメンテナンスでほとんどミディリンの内部のコンテンツがアクセスできないという状態になっていた。さくらネットのメンテナンス、予告来ていたかなぁと思ってメールを探してみたらあったあった。長いメンテナンスだよね。TrackBack(0)コメントをどうぞ。名前(ペンネーム)は必須です。URLはオプションです。レスをした際に通知します:コメント。