Validación HTML: El elemento "meta" no tiene uno o más de los siguientes atributos: "content", "property".

Acerca de este problema HTML

El elemento <meta> se usa para proporcionar metadatos legibles por máquinas sobre un documento HTML, como su descripción, codificación de caracteres, configuración de viewport o información de redes sociales. La especificación HTML define varias formas válidas para <meta>, y la mayoría de ellas requieren un atributo content para suministrar el valor de los metadatos.

Este error aparece típicamente cuando una etiqueta <meta> incluye un atributo name o http-equiv pero no tiene el atributo content correspondiente. También puede aparecer cuando una etiqueta <meta> no tiene ningún atributo reconocible, o cuando el atributo property (usado por metadatos Open Graph / RDFa) está presente sin content.

Un elemento <meta> debe usar uno de estos patrones de atributos válidos:

name + content — Metadatos con nombre (ej., description, author, viewport)
http-equiv + content — Directivas pragma (ej., refresh, content-type)
charset — Declaración de codificación de caracteres (no necesita content)
property + content — Metadatos RDFa/Open Graph (ej., og:title)
itemprop + content — Metadatos microdata

Sin la combinación adecuada, los navegadores y motores de búsqueda no pueden interpretar correctamente los metadatos, lo que puede perjudicar el SEO, la accesibilidad y el renderizado correcto de la página. Por ejemplo, una etiqueta <meta name="description"> sin content no proporciona descripción alguna a los motores de búsqueda, y un <meta name="viewport"> sin content no configurará el viewport en dispositivos móviles.

Ejemplos

❌ Falta el atributo `content`

<head>
  <meta charset="utf-8">
  <title>My Page</title>
  <meta name="description">
  <meta name="viewport">
</head>

Ambas etiquetas <meta> con name no tienen su atributo content requerido.

❌ Etiqueta `<meta>` vacía o sin atributos

<head>
  <meta charset="utf-8">
  <title>My Page</title>
  <meta>
</head>

Un elemento <meta> sin atributos es inválido.

❌ Etiqueta Open Graph sin `content`

<head>
  <meta charset="utf-8">
  <title>My Page</title>
  <meta property="og:title">
</head>

✅ Uso correcto con `name` y `content`

<head>
  <meta charset="utf-8">
  <title>My Page</title>
  <meta name="description" content="A brief description of the page">
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

✅ Uso correcto con `http-equiv` y `content`

<meta http-equiv="refresh" content="30">

✅ Uso correcto con `property` y `content` de Open Graph

<meta property="og:title" content="My Page Title">
<meta property="og:description" content="A description for social sharing">

✅ Declaración correcta de `charset` (no necesita `content`)

<meta charset="utf-8">

La forma charset es la única excepción donde no se requiere content, porque la codificación de caracteres se especifica directamente en el valor del atributo charset.

Cómo solucionarlo

Encuentra la etiqueta <meta> marcada en tu código HTML en el número de línea reportado por el validador.
Determina qué tipo de metadatos representa. ¿Tiene un atributo name, http-equiv o property?
Añade el atributo content faltante con un valor apropiado. Si pretendías que los metadatos estuvieran vacíos, usa content="", aunque generalmente es mejor proporcionar un valor significativo o eliminar la etiqueta por completo.
Si la etiqueta <meta> no tiene atributos, decide qué metadatos pretendías proporcionar y añade la combinación correcta de atributos, o elimina el elemento.