SimpleBoxes | title要素の可視化

title要素の可視化

2007.04.29 Sunday
dev

title要素は通常タイトルバーなどに利用されます。文字通り、文書のタイトルを記述する要素で、HTML/XHTML文書では必須となっています。

ふと思い立って、次のような実験をしてみることに……。

まず、次のようなHTML文書を用意します。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <link rel="stylesheet" title="default" type="text/css" href="style.css" media="screen,tv" />
  <title>サンプル文書</title>
</head>
<body>
<p>これはサンプル文書です。</p>
</body>
</html>

続いて、スタイルシートを記述します。

head {
  display: block;
}
title {
  display: block;
}

作成したサンプルを見てみると……。

実のところ、全然期待していなかったのですが、なんとMozilla系(Firefoxなど)・WebKit系(Safariなど)・Operaではtitle要素が表示されます。

残念ながら、Internet Explorerでは動作しない(Windows版・Macintosh版ともに)ようなので、実用性には欠けるとは思いますが、ご参考までに。

title要素を表示可能なブラウザ

Firefox 2.0.0.3
Safari 2.0.4
Opera 9.00
iCab 3.0.3

以上、すべてMac OS X上で確認

title要素を表示できなかったブラウザ

Internet Explorer 5.2.3 for Macintosh
Internet Explorer 6 for Windows
Internet Explorer 7 for Windows

これって、結構知られているんでしょうか？少なくとも私は全然知りませんでした。

<< 羊とプードル :: 英語メモ >>