HTML : してログ

HTML5 で作られたページを IE8 で表示させたときに、互換モードで表示されてしまい、レイアウトが崩れるという事態に遭遇しました。 調べてみると、META タグで互換モードへ落ちるのを防げるらしいので、試してみました。 下記のような記述を、<head> の直後に書いたところ、アドレスバーの脇に出ていた互換モードのアイコンが消えました。

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

[HTML] XHTMLひな形

HTML 20121231

もう XHTML UTF-8 でしかサイト作らなくなったな...。

<?xml version="1.0" encoding="utf-8" ?>
<!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">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Script-Type" content="text/javascript" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
	<link rel="stylesheet" type="text/css" href="stylesheet.css" />
	<script type="text/javascript" src="javascript.js"></script>
	<title>Site name</title>
</head>
<body>
	...
</body>
</html>