すべてのWeb開発者が知っておくべきメタデータ要素
May 09 2022
どんな魔法がありますか?
HTMLの「メタデータ」として、<meta>タグは開発者によって無視されることがよくあります。この記事ではそれを詳しく紹介します。
HTMLの「メタデータ」として、<meta>
タグは開発者によって無視されることがよくあります。この記事ではそれを詳しく紹介します。
何<meta>
ですか?
<meta>
HTML要素は、、、などの他のHTMLメタ関連要素では表現できないメタデータを表します。<title>
<link>
<script>
Webページには表示されませんが、Webアプリに多くの便利な機能も提供します。たとえば、SEO、モバイルビューポート設定、間隔の更新などです。
そこで、以下に3つの一般的な<meta>
タイプを紹介します。
1.charset
属性
このプロパティは、ドキュメントの文字エンコードを宣言します。その唯一の有効な値は、大文字と小文字を区別しない文字列「utf-8」です。また、<meta>
要素はドキュメントの最初の1024バイト以内にある必要があります。
<meta charset="utf-8">
このプロパティは、名前と値のペアの形式でドキュメントのメタデータを提供します。
ここにいくつかの実際的な例があります:
3.http-equiv
およびcontent
属性
プラグマディレクティブを定義します。http-equiv(alent)
許可される値はすべて特定のHTTPヘッダーの名前であるため、この属性に名前が付けられています。
ここにいくつかの実際的な例があります:
それが今日のすべてです。私はザカリーです。ウェブ開発に関連するストーリーを出力し続けます。そのような話が好きで、私をサポートしたい場合は、ミディアムメンバーになることを検討してください。月額5ドルで、中程度のコンテンツに無制限にアクセスできます。私のリンクからサインアップすると、少額の手数料が発生します。
あなたのサポートは私にとって非常に重要です—ありがとう。