“meta name”和“meta property”的区别是什么？

Question

两个常见的元素属性是：

<meta name="" content="">

和

<meta property="" content="">

meta name和meta property之间有什么区别？

- weaveoftheride

Answer 1

name属性是在HTML中指定元数据的“通常”方式，这已在HTML5规范中定义。 property属性来自RDFa。

RDFa 1.1扩展了HTML5，因此可以在中使用meta和link元素，只要它们包含一个property属性。

您可以同时使用HTML5的name和RDFa的property两种方式在同一个元素上。

请注意，您也可能看到带有itemprop属性的元素。这是来自Microdata的。

- unor

---

Frondor的论点是真的吗？ - Pascut

@PieterMoeyersons：将viewport用作property属性的值与将其用作name属性的值完全不同；并不是一些浏览器支持这样做，而另一些不支持（至少不应该如此），而且浏览器通常也不使用RDFa（它是为RDFa解析器、浏览器插件等设计的）。 - unor

我注意到linter忽略了name|value和name|content标签 - 它只与property|content特别配合。 - WoodrowShigeru

可以这样做，如果它们具有相同的值，你也可以只使用一个 meta 元素：<meta name="description" property="og:description" content="">。 - unor

当我只使用 name="og:image" 时，LinkedIn 会从页面中获取一些随机图像，有时甚至会选择一个图标。现在我同时使用 (name="image" property="og:image")，它可以获取正确的图像。 - Shawn