【alevirita】title属性を使っておくとCDPが捗る

title属性は要素に対しての補足情報を付け足す属性ですが、メニューや見出しのtitle属性に英訳や日本語訳を指定しておくと、デザインに幅を持たせることができます。 <a href="index.html" title="index">最初のページ</a> <h2 title="サイトについて">About Site</h2> CSSの:beforeや:afterとcontentを使って、title属性を併記したり、title属性だけ見えるようにしたりできます。IEは8以上で対応しています。IE7や6だと有効になりませんが、そういう未対応のブラウザでは普通の内容が見えるだけなので、display:noneやtext-indentやpaddingで内容を見えなくして背景画像だけを見せる画像置き換えと違って可読性は損ないません。JavaScriptを使えばIE7や6でも使えます。その部分をコピ

[tailtame]

『content: attr(title);』でtitle要素書き出せるのか…今度やろ…。