« 
 »
5月 11 2011

[tips] titleタグが「。」で終わるとIE7でコンテンツが表示されない罠

投稿者: miztaka, カテゴリ: html, tips
Share on Facebook
このエントリーをはてなブックマークに追加

こんな些細なことにはまったのでメモです。
次のようにtitleタグが「。」で終わるHTMLだとIE7で表示されません。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>タイトル。</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1>Hello World</h1>
</body>
</html>

XML宣言が無いとだめなのか！？と疑ってみたが関係なし。

解決方法はなんとも簡単。
Content-typeの設定をtitleタグより上に書くようにしたら問題なく表示されるようになった。
これまでtitleタグはheadの先頭に書くようにしていたけれどもContent-typeのmetaタグを先に書くように習慣付けておいたほうが無難そうだ。

このエントリは 2011 5月 11 8:42 PM に投稿され、html, tips 以下にファイルされています。 あなたは RSS 2.0 フィードを通してこのエントリへのレスポンスを取得することが可能です。 コメントおよびPingは現在受け付けていません。

コメントは受け付けていません。