すべてのWeb開発者が知っておくべきメタデータ要素

May 09 2022
どんな魔法がありますか?
HTMLの「メタデータ」として、<meta>タグは開発者によって無視されることがよくあります。この記事ではそれを詳しく紹介します。
UnsplashのCasparCamilleRubinによる写真

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ドルで、中程度のコンテンツに無制限にアクセスできます。私のリンクからサインアップすると、少額の手数料が発生します

あなたのサポートは私にとって非常に重要です—ありがとう。

© Copyright 2021 - 2023 | hachiwiki.com | All Rights Reserved