HTML5 - html,前缀和元相关

Lus*_* Li 3 html javascript jquery html5 webpage

我是HTML5的新手.我做了一些关于前缀和OGP的研究,但我仍然无法弄清楚以下内容

<head prefix="og: http://ogp.me/ns#">
    <title>something</title>
    <meta property="og:title" content="something"/>
    <meta prefix="og: http://ogp.me/ns#" property="og:image" 
    content="http://something.com/img/social-image.png" />
</head>
Run Code Online (Sandbox Code Playgroud)
  1. <head prefix="og: http://ogp.me/ns#">什么"og: http://ogp.me/ns#"?它有什么作用?

我从quora(https://www.quora.com/What-does-this-tag-mean-html-lang-en-US-prefix-og-http-ogp-me-ns)中找到了这个,但我不能明白它.

Open Graph协议使任何网页都成为社交图中的丰富对象.例如,这在Facebook上用于允许任何网页具有与Facebook上的任何其他对象相同的功能.

"成为富裕对象"是什么意思?

2.为什么我们需要这两行,<title>something</title><meta property="og:title" content="something"/>?他们不一样吗?

3.为什么我们需要在第三行再次设置元前缀?我们不是在脑袋里做的吗?

<meta prefix="og: http://ogp.me/ns#" property="og:image" 
    content="http://something.com/img/social-image.png" />
Run Code Online (Sandbox Code Playgroud)

非常感谢!

Jac*_*ord 5

您所描述的内容称为开放式图形协议,它实质上意味着您正在使用上述模板将网页转换为图形对象.你需要四个部分:og:title,og:type,og:url,和og:image,其详细说明在这里.这是使用Open Graph Protocol所需的基本元数据 - 如果您没有,Open Graph将无法运行.