レスポンシブデザインで「only screen and ~」を使って振り分けていますが、
Another HTML-lint5 で文法チェックをすると以下の減点が出ます。
<LINK> の MEDIA の属性値 `only screen and (max-width:649px)` は正しくありません。
このエラーの対処法と理由をわかりやすく説明してくれる方いますか?
よろしくお願いします。m()m
単に、その Another HTML-lint5 の方が、only の存在をぺろっと忘れているだけの気がします。
自称検査機が正しい検査をしているとは限りません。
/html-lint/html5.rul
'MediaType'=> '^(?=^\s*(not\s+)?(all|aural|braille|handheld|projection|print|screen|tty|tv){1}(\s*,\s*(all|aural|braille|handheld|projection|print|screen|tty|tv)\s*)*((\s+and\s+|\s*,\s*)(\(\s*((min-|max-)?(width\s*:\s*\d+px|height\s*:\s*\d+px|device-width\s*:\s*\d+px|device-height\s*:\s*\d+px|aspect-ratio\s*:\s*\d+/\d+|device-aspect-ratio\s*:\s*\d+/\d+|color\s*:\s*\d+|color-index\s*:\s*\d+|monochrome\s*:\s*\d+|resolution\s*:\s*\d+dpi)|((orientation\s*:\s*(landscape|portrait))|(scan\s*:\s*(progressive|interlace))|(grid\s*:\s*(0|1))))\s*\)))*\s*$).*$',
・・・なんだこのやっつけ仕事。
そういうわけなので only を取り除けばこの検査機は文句を言わなくなるはずですが、実際にそんな事をしたら意味が変わってしまうので、この場合は警告をなまぬる~く無視しておくのが正しい対処かと思われます。
ちなみにオリジナルの Another HTML-lint では、単に 'MediaType'=>'CDATA+' になっているだけなので、たいてい何を書いても文句言いません。
回答をありがとうございます。そうでしたか、文法チェックは便利な機能だと思うので精度をあげてくれるといいんですが。助かりました、only のエラーは無視していこうと思います!
2014/01/26 13:18:46