メタ名とメタプロパティの違いは何ですか?


97

2つの一般的なmeta要素属性は次のとおりです。

<meta name="" content="">

そして

<meta property="" content="">

メタ名とメタプロパティの違いは何ですか?

回答:


91

このname属性は、HTMLでメタデータを指定するための「通常の」方法です。それはだHTML5仕様で定義されています。

property属性は、から来ているRDFaの。

RDFaの1.1ようにHTML5を拡張し、それが使用する有効だmetaとlinkして要素body限り、彼らが含まれているとして、property属性を。

あなたは両方の方法、HTML5の使用することができますnameし、RDFaの者をproperty、一緒に同じ上metaの要素。

属性をmeta持つ要素itempropも表示される場合があることに注意してください。それはMicrodataからのものです。


Googleは、重複したメタタグについてアドバイスを提供しています。そして、property="og:dscription"とname="description"属性を同じものとして数える
— Frondor 2014

2
Frondorの主張は本当ですか?
— パスカット2014

2
@PieterMoeyersons:使用viewportのための値としてpropertyの値として、それを使用して全く異なる何かを意味して属性nameプロパティを、一部のブラウザーはそのようにサポートしているわけではなく、一部のブラウザーはサポートしていません(少なくとも、サポートしてはいけません)。また、ブラウザーは通常、RDFaを使用しません(RDFaパーサー、ブラウザーアドオンなど用です)。
— unor

1
リンターが無視しname|valueてname|contentタグを付けることに気づきましたproperty|content。これは特にでのみ機能します。
— woodrowShigeru 2017年

3
@sack:許可されていますが、同じ値の場合は、次の1つの meta要素を使用することもできます。<meta name="description" property="og:description" content="">
— unor 2018
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.