HTML メタの使用例

使用例

コードをコピー

コードは次のとおりです。

<!DOCTYPE html>





<htmlクラス="w3c">

<ヘッド>
<メタ文字セット="utf-8" />
<title>tinyCss--私の CSS 勉強の整理</title>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-互換" />
<meta content="width=デバイス幅、初期スケール=1.0、最大スケール=1.0、ユーザースケーラブル=いいえ" name="ビューポート" />
<meta content="my css study tidy" name="description" />
<meta content="css,tidy" name="キーワード" />
<meta content="index,follow" name="ロボット" />
<meta content="tinycss" name="アプリケーション名" />
<meta content="no-cache" http-equiv="キャッシュコントロール" />
<meta content="-1" http-equiv="有効期限" />
</head>
<本文></本文>
</html>

[コード]
ヒント1:

ビューポートの場合、ページの幅が 1000 ピクセルなどの場合は、width=1000 に設定すると互換性が向上します。

ヒント2:

X-UA-compatible、この属性は IE8 ブラウザでのみ認識されます。IE8 を IE7 モードでレンダリングするのは一般的なアプリケーションです。つまり、content="IE=7"; です。結局のところ、IE8 なので、このメタを使用しないことをお勧めします...

ヒント3:

有効期限: ドキュメントの有効期限。この時間が経過すると、サーバーに再度リクエストする必要があり、キャッシュは使用できなくなります。content="-1" は理論的にはキャッシュを無効にします。

<<: フレックスレイアウトは、上下固定、中間スライドのレイアウトモードを実現します。

>>: Vue で Alibaba のアイコンフォントベクターアイコンを使用する方法について