ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLメタの使用例の紹介
使用例
<!DOCTYPE html> <!--[if lt IE 7]><html class="ie6"><![endif]--> <!--[if IE 7]><html class="ie7"><![endif]--> <!--[if IE 8]><html class="ie8"><![endif]--> <!--[if IE 9]><html class="ie9"><![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html class="w3c"> <!--<![endif]--> <head> <meta charset="utf-8" /> <title>tinyCss--my css study tidy</title> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" /> <meta content="my css study tidy" name="description" /> <meta content="css,tidy" name="keywords" /> <meta content="index,follow" name="robots" /> <meta content="tinycss" name="application-name" /> <meta content="no-cache" http-equiv="Cache-Control" /> <meta content="-1" http-equiv="Expires" /> </head> <body></body> </html>
[code]
ヒント 1:
ビューポート、ページに幅がある場合、たとえば幅が 1000px の場合、width=1000 に設定すると、互換性が向上します。
ヒント 2:
X-UA 互換、この属性は ie8 ブラウザーでのみ認識されます。これは、このメタを使用せずに ie8 を ie7 モードでレンダリングするのが一般的なアプリケーションです。結局のところ、ie8....だから、それはより良い提案です。
ヒント 3:
有効期限: この期間を過ぎると、キャッシュではなくサーバーから再リクエストする必要があります。content="-1" は理論的にはキャッシュを無効にします。
その他の HTML メタの使用例と関連記事については、PHP 中国語 Web サイトに注目してください。