Expresiones regulares·una etiqueta HTML

una etiqueta HTML

Coincide con una etiqueta HTML. Está anclado en ambos extremos, así que debe coincidir la cadena entera. No tiene grupos de captura.

Patrón
/^</?[a-z][a-z0-9]*(?:\s[^<>]*)?/?>$/i
Alcance
la cadena entera
Grupos de captura
0
Banderas
i · ignorar mayúsculas
Lo que captura en el primer ejemplo
<div>

Pruébalo

Escribe cualquier texto y se marcará lo que captura la expresión. Todo ocurre en tu navegador y no se envía a ninguna parte.

<div>

1 coincidencia

Ejemplos que coinciden

  • <div>
  • </div>
  • <img src="a.png"/>

Ejemplos que no coinciden

  • div
  • < div >

Otras expresiones del grupo

^[^\\/:*?"<>|]+\.[a-z0-9]+$un nombre de archivo con extensión^.+\.(?:jpe?g|png|gif|webp|avif|svg)$una extensión de archivo de imagen^/(?:[^/\0]+/)*[^/\0]*$una ruta estilo Unix^[A-Za-z]:\\(?:[^\\/:*?"<>|]+\\)*[^\\/:*?"<>|]*$una ruta de Windows^\.-?[_a-z][_a-z0-9-]*$un selector de clase CSS^M{0,3}(?:CM|CD|D?C{0,3})(?:XC|XL|L?X{0,3})(?:IX|IV|V?I{0,3})$un número romano^-?(?:90(?:\.0+)?|[1-8]?\d(?:\.\d+)?)$un valor de latitud^-?(?:180(?:\.0+)?|1[0-7]\d(?:\.\d+)?|\d{1,2}(?:\.\d+)?)$un valor de longitud

Cómo leerlo

  • Con ^ y $ alrededor, debe coincidir la cadena entera; sin ellos, la coincidencia puede estar en cualquier parte. Ancla siempre lo que uses para validar.
  • Los paréntesis ( ) capturan lo que envuelven. Si solo necesitas agrupar, escribe (?: ) para que no se desplace la numeración.
  • Cada expresión de aquí se comprueba con sus ejemplos. Aun así, "parece un correo" y "es un buzón real" son cosas distintas.
  • Las repeticiones abiertas anidadas como (a+)+ pueden dispararse con ciertas entradas. Busca esa forma antes de pegar una expresión ajena.

Preguntas frecuentes

Q. ¿Cuál es la regex para una etiqueta HTML?

^</?[a-z][a-z0-9]*(?:\s[^<>]*)?/?>$, con la bandera i.

Q. ¿Qué cadenas coinciden?

Un texto como <div> coincide; uno como div no.

Q. ¿Debe coincidir la cadena entera?

Sí. Va entre ^ y $, así que solo pasa una coincidencia completa.

Q. ¿Cómo uso lo capturado?

No hay grupos de captura, así que solo vuelve la coincidencia completa (match[0]). Envuelve entre paréntesis la parte que necesites.