キーワード†
- HTML5
- rel属性
現象†
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');