Jaka jest różnica między nazwą meta a właściwością meta?

97

Dwa wspólne metaatrybuty elementów to:

<meta name="" content="">

i

<meta property="" content="">

Jaka jest różnica między nazwą meta a właściwością meta?

html metadata meta weaveoftheride
źródło

Odpowiedzi:

91

nameAtrybutem jest „normalny” sposób na określenie metadanych w HTML. Jest zdefiniowany w specyfikacji HTML5 .

propertyAtrybut pochodzi z RDFa .

RDFa 1.1 rozszerza HTML5, dzięki czemu można go używać metai linkelementów w tagubody , o ile zawierają one propertyatrybut.

Możesz używać obu sposobów, HTML5 namei RDFa property, razem w tym samym metaelemencie .

Zwróć uwagę, że możesz również zobaczyć metaelementy z itempropatrybutem . To byłoby z Microdata .

unor
źródło
Google udziela porad dotyczących zduplikowanych metatagów. A jego liczenie property="og:dscription"i name="description"atrybuty są takie same
Frondor
2
Czy to prawda Frondora?
Pascut
2
@PieterMoeyersons: Użycie atrybutu viewportjako wartości propertyoznaczałoby coś zupełnie innego niż użycie go jako wartości namewłaściwości; nie jest tak, że niektóre przeglądarki obsługują go w ten sposób, a niektóre nie (przynajmniej nie powinny), a przeglądarki i tak zazwyczaj nie używają RDFa (dotyczy to parserów RDFa, dodatków do przeglądarek itp.).
unor
1
Zauważyłem, że linter ignoruje name|valuei name|contenttaguje - działa tylko z property|content.
WoodrowShigeru
3
@sack: jest to dozwolone, tak, ale jeśli mają tę samą wartość, możesz również użyć jednego meta elementu:<meta name="description" property="og:description" content="">
unor