Categorías

← View All Tools

Referencia de Etiquetas HTML

Guía de referencia completa para todas las etiquetas estándar HTML5 con categorías y descripciones

Filter HTML tags by category

Filtrar etiquetas por nombre (coincidencia parcial admitida)

Elegir el formato de salida

Datos clave

Categoría
Development
Tipos de entrada
select, text
Tipo de salida
text
Cobertura de muestras
4
API disponible
Yes

Resumen

Accede a una guía de referencia rápida y completa de todas las etiquetas estándar de HTML5, organizada por categorías funcionales para facilitar el desarrollo web y la estructuración de documentos.

Cuándo usarlo

  • •Cuando necesites verificar la sintaxis o el propósito de una etiqueta HTML específica durante el desarrollo.
  • •Al buscar etiquetas adecuadas para mejorar la semántica y accesibilidad de tu sitio web.
  • •Para consultar rápidamente las etiquetas disponibles dentro de categorías específicas como formularios, multimedia o tablas.

Cómo funciona

  • •Selecciona una categoría específica en el filtro para acotar los resultados a elementos relacionados.
  • •Utiliza la barra de búsqueda para encontrar una etiqueta por su nombre de forma instantánea.
  • •Elige el formato de salida deseado (Texto, Markdown o JSON) para integrar la información en tu flujo de trabajo.

Casos de uso

Consultar rápidamente la estructura y uso de etiquetas semánticas para mejorar el SEO de una página.
Obtener una lista filtrada de etiquetas de formulario para implementar interfaces de entrada de datos.
Generar documentación técnica rápida en formato Markdown para equipos de desarrollo frontend.

Ejemplos

1. Optimización de etiquetas semánticas

Desarrollador Frontend
Contexto
Un desarrollador está reestructurando un blog antiguo para mejorar su accesibilidad y posicionamiento SEO.
Problema
Necesita identificar qué etiquetas semánticas de HTML5 son las más adecuadas para reemplazar los contenedores genéricos 'div'.
Cómo usarlo
Selecciona la categoría 'Etiquetas Semánticas' en el filtro y revisa las descripciones de cada elemento.
Resultado
Identifica etiquetas como <article>, <section> y <aside> para estructurar correctamente el contenido del blog.

2. Creación de documentación técnica

Estudiante de programación
Contexto
Un estudiante está creando una guía de aprendizaje sobre formularios HTML para sus compañeros.
Problema
Requiere una lista precisa de todas las etiquetas relacionadas con formularios y sus descripciones.
Cómo usarlo
Filtra por 'Etiquetas de Formulario' y cambia el formato de salida a 'Markdown'.
Resultado
Obtiene una lista formateada lista para copiar y pegar en su documento de estudio.

Probar con muestras

html
Muestras de HTML con Imágenes
Muestras de código fuente HTML con imágenes para probar la extracción
title token html
sample
Biblioteca Web3.py Python
Ejemplos de Web3.py Python incluyendo interacción blockchain, contratos inteligentes, gestión de billeteras, transacciones y desarrollo de aplicaciones descentralizadas
keywords web,development
sample
Ejemplos Mock Service Worker
Ejemplos completos de MSW (Mock Service Worker) cubriendo mocking de API, GraphQL, mocking de WebSocket y patrones avanzados de manejo de solicitudes
keywords web,development
sample
Ejemplos Storybook
Ejemplos completos de Storybook para desarrollo de componentes, testing, documentación y gestión de sistemas de diseño
keywords development,documentation
sample

Hubs relacionados

Herramientas de Html para Convert
Explora 11 herramientas de html para flujos de convert y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Esta herramienta incluye todas las etiquetas de HTML5?

Sí, la base de datos contiene todas las etiquetas estándar definidas en las especificaciones actuales de HTML5.

¿Puedo filtrar etiquetas por su función?

Sí, puedes utilizar el selector de categorías para filtrar etiquetas semánticas, de formularios, multimedia, entre otras.

¿Es posible exportar la información?

Sí, puedes configurar el formato de salida a Markdown o JSON para copiar y utilizar la información en tus proyectos.

¿La búsqueda admite coincidencias parciales?

Sí, la función de búsqueda permite encontrar etiquetas escribiendo solo una parte de su nombre.

¿Necesito conexión a internet para usar esta referencia?

Esta es una herramienta web, por lo que requiere conexión para acceder a la base de datos actualizada de etiquetas.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/html-tags

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
category select No Filter HTML tags by category
search text No Filtrar etiquetas por nombre (coincidencia parcial admitida)
format select No Elegir el formato de salida

Formato de respuesta

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Texto: Texto

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-html-tags": {
      "name": "html-tags",
      "description": "Guía de referencia completa para todas las etiquetas estándar HTML5 con categorías y descripciones",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=html-tags",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]