人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

html5、LINKのMEDIA属性の質問。

レスポンシブデザインで「only screen and ?」を使って振り分けていますが、
Another HTML-lint5 で文法チェックをすると以下の減点が出ます。

<LINK> の MEDIA の属性値 `only screen and (max-width:649px)` は正しくありません。

このエラーの対処法と理由をわかりやすく説明してくれる方いますか?

よろしくお願いします。m()m

●質問者: tontonpokopoko
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● ghost
●100ポイント ベストアンサー

単に、その 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+' になっているだけなので、たいてい何を書いても文句言いません。


tontonpokopokoさんのコメント
回答をありがとうございます。そうでしたか、文法チェックは便利な機能だと思うので精度をあげてくれるといいんですが。助かりました、only のエラーは無視していこうと思います!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ