Tag <search>

Tag <search>

Definition

Status: Aktueller Standard

Das Tag <search> steht für search (Suche).

Der <search>-Tag ist ein semantisches HTML-Element zur Kennzeichnung eines Suchbereichs innerhalb einer Webseite. Er dient dazu, Inhalte zu gruppieren, die eine Suchfunktion bereitstellen (z. B. ein Suchformular oder eine Suchleiste). Standardmäßig hat das Element keine visuelle Darstellung (es sieht aus wie ein <div>). Das Aussehen wird ausschließlich über CSS gesteuert. Vor der Einführung von <search> mussten Entwickler das Attribut role="search" verwenden, um einen Suchbereich für Screenreader zu markieren.

Syntax

<search>...</search>

Attribute bzw. Unterelemente

Global

Globale Attribute

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <search> - ---

Der Code:

<search>
  <form action="/search">
    <label for="q">Suche</label>
    <input id="q" type="search" name="q">
    <button>Suchen</button>
  </form>
</search>

Ergebnis:

Ergebnis: <search>-Demo 1
---