Kategorien

HTML-Tag-Referenz

Vollständige Referenz für alle HTML5-Standard-Tags mit Kategorien und Beschreibungen

Filter HTML tags by category

Tags nach Namen filtern (Teilübereinstimmung unterstützt)

Ausgabeformat wählen

Wichtige Fakten

Kategorie
Development
Eingabetypen
select, text
Ausgabetyp
text
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Die HTML-Tag-Referenz bietet eine strukturierte und leicht durchsuchbare Übersicht aller HTML5-Standardelemente, um Entwicklern bei der schnellen Suche nach korrekten Tags und deren Verwendungszweck zu unterstützen.

Wann verwenden

  • Wenn Sie sich über die korrekte Verwendung eines spezifischen HTML-Elements unsicher sind.
  • Beim Filtern von Tags nach Kategorien wie Semantik, Formulare oder Medien für ein neues Projekt.
  • Wenn Sie eine schnelle Liste von HTML-Tags in einem bestimmten Format für Ihre Dokumentation benötigen.

So funktioniert es

  • Wählen Sie eine Kategorie aus dem Dropdown-Menü, um die Liste der HTML-Tags einzugrenzen.
  • Nutzen Sie das Suchfeld, um gezielt nach einem Tag-Namen oder Teilbegriffen zu filtern.
  • Wählen Sie das gewünschte Ausgabeformat (Klartext, Markdown oder JSON) für die Weiterverarbeitung aus.
  • Klicken Sie auf Suchen, um die gefilterte Liste der HTML-Elemente sofort anzuzeigen.

Anwendungsfälle

Schnelle Überprüfung der semantischen Struktur einer Webseite.
Erstellung von Dokumentationsvorlagen für Webprojekte in Markdown.
Automatisierte Generierung von Tag-Listen für Entwicklungs-Skripte via JSON.

Beispiele

1. Semantische Struktur planen

Frontend-Entwickler
Hintergrund
Ein Entwickler plant das Layout einer neuen Landingpage und möchte sicherstellen, dass nur moderne, semantische Tags verwendet werden.
Problem
Unklarheit über die verfügbaren semantischen HTML5-Elemente.
Verwendung
Kategorie 'Semantische Tags' auswählen und die Liste durchgehen.
Ergebnis
Eine übersichtliche Liste aller semantischen Tags wie <article>, <section> und <nav> zur direkten Verwendung im Code.

2. Dokumentation für ein Team erstellen

Technischer Redakteur
Hintergrund
Ein Redakteur muss eine kurze Anleitung für neue Auszubildende über Formular-Elemente in HTML erstellen.
Problem
Manuelles Zusammensuchen der Formular-Tags ist ineffizient.
Verwendung
Kategorie 'Formular-Tags' wählen und Ausgabeformat 'Markdown' einstellen.
Ergebnis
Eine fertig formatierte Markdown-Liste aller relevanten Formular-Tags, die direkt in das interne Wiki kopiert werden kann.

Mit Samples testen

html

Verwandte Hubs

FAQ

Welche HTML-Version wird unterstützt?

Die Referenz konzentriert sich auf den aktuellen HTML5-Standard.

Kann ich nach mehreren Kategorien gleichzeitig suchen?

Nein, Sie können jeweils eine Kategorie auswählen oder die Suche über alle Kategorien hinweg durchführen.

In welchen Formaten kann ich die Ergebnisse exportieren?

Die Ergebnisse sind als Klartext, Markdown oder JSON verfügbar.

Sind veraltete HTML-Tags enthalten?

Das Tool konzentriert sich primär auf aktuelle HTML5-Elemente.

Ist die Nutzung des Tools kostenlos?

Ja, die HTML-Tag-Referenz ist ein kostenloses Werkzeug für Webentwickler.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/html-tags

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
category select Nein Filter HTML tags by category
search text Nein Tags nach Namen filtern (Teilübereinstimmung unterstützt)
format select Nein Ausgabeformat wählen

Antwortformat

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

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu:

{
  "mcpServers": {
    "elysiatools-html-tags": {
      "name": "html-tags",
      "description": "Vollständige Referenz für alle HTML5-Standard-Tags mit Kategorien und Beschreibungen",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=html-tags",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]