キーワード

現象

JavaScriptで外部リンクさせるための規約にrelを使っていたらHTML5でシンタックスエラーになった。

<a href="(どこがし)" rel="(なにがし)">外部リンク</a>
Bad value (なにがし) for attribute rel on element a: Keyword (なにがし) is not registered. 

原因

rel属性には決まったキーワードしか値になれないようで。

対策

独自のデータ属性を使えばいい。

<a href="(どこがし)" data-external="(なにがし)">外部リンク</a>

「external」の部分は任意。「data-*」の形ならなんでもよさ気。

jQueryでは次のようにして値をとれる。

jQuery('#hoge').data('external');

参考

Last-modified: 2013-08-17 (土) 18:07:15 (2227d)