メインコンテンツへスキップ

title要素を
表示するサンプル

1.概要

TITLE要素 を、
ビジュアルメディアで
表示するサンプルです。

title要素を、CSSを用いてビジュアルメディアで表示するサンプルです。あくまで技術的な検証用のサンプルであり、実用的ではありません。また、類似のバグ表示の時の検討付けに役立つかな程度です。

  1. head > * { display: none; }
  2. head, title { display: block; }
  3. title { margin-top: 11em; }
  4. base::after { content: "target=" attr(target); }

head要素もtitle要素もdisplayプロパティはnoneなので、block と変えます。念の為にhead要素の子要素のdisplayプロパティをnoneと設定します。この指定の記述順には意味があるので、今回は head要素の子要素に対する指定は先に行います。最後の title要素の上余白の指定は、当サイトの基本形に合わせての都合ですので、本来は不要です。