Categorias

← View All Tools

Referência de Tags HTML

Guia de referência completo para todas as tags HTML5 padrão com categorias e descrições

Filter HTML tags by category

Filtrar tags por nome (correspondência parcial suportada)

Escolher o formato de saída

Fatos principais

Categoria
Development
Tipos de entrada
select, text
Tipo de saída
text
Cobertura de amostras
4
API disponível
Yes

Visão geral

Acesse uma documentação técnica completa e organizada de todas as tags HTML5 padrão, facilitando a consulta rápida de elementos, atributos e categorias para o desenvolvimento web moderno.

Quando usar

  • •Ao iniciar um novo projeto web e precisar verificar a semântica correta dos elementos.
  • •Durante a depuração de código para confirmar o uso adequado de tags de mídia ou formulários.
  • •Para estudantes e desenvolvedores que buscam uma referência rápida e estruturada de tags HTML5.

Como funciona

  • •Selecione uma categoria específica, como 'Semântica' ou 'Formulários', para filtrar os elementos relevantes.
  • •Utilize a barra de busca para encontrar rapidamente uma tag específica pelo nome.
  • •Escolha o formato de saída desejado, como texto simples ou Markdown, para copiar e integrar a documentação ao seu fluxo de trabalho.

Casos de uso

Consultar rapidamente a sintaxe e o propósito de tags semânticas para melhorar o SEO do site.
Verificar quais tags de formulário são necessárias para criar campos de entrada específicos.
Gerar documentação técnica em formato Markdown para compartilhar com a equipe de desenvolvimento.

Exemplos

1. Consulta de Tags Semânticas

Desenvolvedor Front-end
Contexto
O desenvolvedor está estruturando o layout de um novo blog e quer garantir que está usando as tags semânticas corretas para melhorar a acessibilidade.
Problema
Dúvida sobre quais tags utilizar para o cabeçalho, rodapé e áreas de navegação.
Como usar
Selecionar a categoria 'Tags Semânticas' no filtro e revisar as descrições dos elementos como <header>, <nav> e <footer>.
Resultado
Identificação rápida das tags ideais, resultando em um código HTML mais limpo e amigável para leitores de tela.

2. Exportação de Referência para Documentação

Instrutor de Programação
Contexto
O instrutor precisa criar um material de apoio para seus alunos sobre elementos de formulário.
Problema
Necessidade de listar todas as tags de formulário em um formato que possa ser colado diretamente no repositório do curso.
Como usar
Filtrar por 'Tags de Formulário' e selecionar o formato de saída 'Markdown'.
Resultado
Cópia imediata de uma lista formatada contendo <form>, <input>, <select> e outros, pronta para uso no material didático.

Testar com amostras

html
Amostras de HTML com Imagens
Amostras de código fonte HTML com imagens para testar extração
title token html
sample
Biblioteca Web3.py Python
Exemplos Web3.py Python incluindo interação blockchain, contratos inteligentes, gestão de carteiras, transações e desenvolvimento de aplicações descentralizadas
keywords web,development
sample
Exemplos Mock Service Worker
Exemplos abrangentes de MSW (Mock Service Worker) cobrindo mocking de API, GraphQL, mocking de WebSocket e padrões avançados de tratamento de requisições
keywords web,development
sample
Exemplos Storybook
Exemplos abrangentes de Storybook para desenvolvimento de componentes, testes, documentação e gerenciamento de sistemas de design
keywords development,documentation
sample

Hubs relacionados

Ferramentas de Html para Convert
Explore 11 ferramentas de html para fluxos de convert e encontre utilitários próximos com rapidez.

FAQ

Esta ferramenta inclui apenas tags HTML5?

Sim, a referência é focada nos padrões atuais do HTML5 para garantir a conformidade com as práticas modernas de desenvolvimento.

Posso exportar a lista de tags?

Sim, você pode selecionar o formato de saída como JSON ou Markdown para copiar e salvar os dados conforme sua necessidade.

As tags estão divididas por categorias?

Sim, as tags estão organizadas em categorias como Semânticas, Formulários, Mídia, Metadados, Tabelas e Conteúdo Incorporado.

A busca suporta correspondência parcial?

Sim, o campo de busca permite encontrar tags digitando apenas parte do nome do elemento.

Preciso de uma conta para usar a referência?

Não, a ferramenta é de acesso livre e não exige cadastro para consultar ou filtrar as tags.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/html-tags

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
category select Não Filter HTML tags by category
search text Não Filtrar tags por nome (correspondência parcial suportada)
format select Não Escolher o formato de saída

Formato de resposta

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

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-html-tags": {
      "name": "html-tags",
      "description": "Guia de referência completo para todas as tags HTML5 padrão com categorias e descrições",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=html-tags",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]