Valid な方法で自分の作ったスタイルシートを使うことに成功

☆

「自分で定義したスタイルシートを使う方法@ココログ その３」で使われている方法をベースにして、validなスタイルシート置き換えを実現する方法を思いつきました。

それは、単に

サブタイトルの内容・その1</h2>
<script type="text/javascript">
<!--
var myStyleHref = "適用したいCSSのURL";
var linkElem = document.getElementsByTagName("LINK");
for(var i = 0; i < linkElem.length; i++){
if(linkElem[i].rel == "stylesheet"){
linkElem[i].href = myStyleHref;
}
}
-->
</script>
<h2>サブタイトルの内容・その2

のように、JavaScript 部分を <!-- と --> で囲むだけ。あと、<h2></h2> のように空文字列を囲むのを避けたいので、「サブタイトルの内容・その1」、「その2」のようにしてみました。

で、Validtor にかけてたところ、無事 Valid のお墨付きがもらえました。やったね!

*** 12月20日 5時 追記 ***
RSS の件ですが、FEED Validator は相変わらず NG (Valid かどうか結果が出る以前に Validator 自身のエラーで落ちてしまう)ですが、RSS Validator の方からは、無事、valid との評価をもらうことができました。

とりあえず、現段階では、これでよしとします。

*** 12月20日 6時50分追記 ***
「自分で定義したスタイルシートを使う方法@ココログ その３」の問題点を書いておきます。http://zog.cocolog-nifty.com/murmur/ を Validator にかけていただくとわかると思いますが、

Line 31, column 17: character "<" is the first character of a delimiter but occurred as data 
  for(var i = 0; i < linkElem.length; i++){
                   ^

のように < が問題となります。

この問題を回避するための方法が JavaScript 部分を <!-- ～ --> で囲むというものです。
<!-- ～ --> で囲む方法には、JavaScript 非対応のブラウザの場合は単なるコメントとして無視されるため、結果としてブラウザにやさしい、という利点もあります。(JavaScript 部分が無視された場合は ココログ本来のスタイルシートが適用されることになります。これはこれで仕方がないでしょう。ユーザー側で用意したスタイルシートを適用する場合など、コンテンツを書いた人の用意したスタイルシートで見てもらえるという保証は、そもそもないのだし。)

あと、RSS の cdata に含まれる箇所も JavaScript 部分がコメントとして捨てられるので、この点は心配しなくてよくなります。

残った問題は、</h2> ～ <h2> の問題だけですが、これは、「サブタイトル」を使う以上、回避できません。
RSS index template の設定をココログユーザ側でできるようになれば、description 要素をサブタイトルから取ってくるのではなく、別のところからもってくる、もしくは valid な文字列をハードコーディングしてしまう、という解決方法が使えるのですが。Typepad Pro レベルのココログが使えるようになるまでは、現状に甘んじることになりそうです。

参考: サブタイトル h2 解呪は RSS 呪縛を招く?