Attribute

Question 1

accesskey

Answer 1

eine Tastenkombination zum schnellen Zugriff auf ein Element.

Beispiel:
<button accesskey="S">Speichern</button>

Question 2

autocomplete

Answer 2

Gibt an, ob ein Formular automatisch ausgefüllt werden soll.

Beispiel:
<input type="text" name="name" autocomplete="on">

Question 3

autofocus

Answer 3

Legt fest, ob ein Element automatisch den Fokus erhält, wenn die Seite geladen wird.

Beispiel:
<input type="text" name="name" autofocus>

Question 4

charset

Answer 4

Definiert den Zeichensatz der Seite.

Beispiel:
<meta charset="UTF-8">

Question 5

class

Answer 5

Fügt dem Element eine oder mehrere Klassen hinzu, die zur Formatierung oder zur Selektion in JavaScript verwendet werden können.

Beispiel:
<div class="container">...</div>

Question 6

contenteditable

Answer 6

Legt fest, ob ein Element bearbeitet werden kann.

Beispiel:
<div contenteditable>...</div>

Question 7

data-*

Answer 7

Ermöglicht die Speicherung von benutzerdefinierten Daten im Element.

Beispiel:
<div data-info="some info">...</div>

Question 8

draggable

Answer 8

Legt fest, ob ein Element gezogen und abgelegt werden kann.

Beispiel:
<img src="image.png" draggable="true">

Question 9

hidden

Answer 9

Verbirgt ein Element.

Beispiel:
<div hidden>...</div>

Question 10

hreflang

Answer 10

Definiert die Sprache des verlinkten Dokuments.

Beispiel:
<a href="https://www.example.com" hreflang="en">Example</a>

Question 11

id

Answer 11

Identifiziert das Element eindeutig.

Beispiel:
<div id="container">...</div>

Question 12

lang

Answer 12

Definiert die Sprache des Elements.

Beispiel:
<p lang="de">...</p>

Question 13

role

Answer 13

Definiert die Rolle des Elements, z.B. als Navigationselement oder als Schaltfläche.

Beispiel:
<div role="navigation">...</div>

Question 14

srcset

Answer 14

Definiert eine Liste von Bildern für unterschiedliche Anzeigegeräte.

Beispiel:
<img srcset="image-1x.png 1x, image-2x.png 2x">

Question 15

style

Answer 15

Definiert Inline-Styles für das Element.

Beispiel:
<div style="background-color: #f2f2f2;">...</div>

Question 16

tabindex

Answer 16

Definiert die Reihenfolge der Fokussierung von Elementen.

Beispiel:
<input type="text" name="name" tabindex="1">

Question 17

title

Answer 17

Definiert den Titel des Elements.

Beispiel:
<img src="image.png" title="some title">

Question 18

translate

Answer 18

Legt fest, ob der Inhalt des Elements übersetzt werden soll.

Beispiel:
<div translate="no">...</div>

Question 19

alt

Answer 19

Beschreibt ein Bild für Screenreader und für den Fall, dass das Bild nicht angezeigt werden kann.

Beispiel:
<img src="image.png" alt="Beschreibung des Bildes">

Question 20

aria-*

Answer 20

Definiert ARIA-Eigenschaften (Accessible Rich Internet Applications) für barrierefreie Anwendungen.

Beispiel:
<button aria-label="Schließen">X</button>

Question 21

async

Answer 21

Lädt ein Skript asynchron, ohne den Seitenaufbau zu blockieren.

Beispiel:
<script src="script.js" async></script>async

Question 22

crossorigin

Answer 22

Legt fest, wie Skripte von anderen Domains geladen werden sollen.

Beispiel:
<script src="https://example.com/script.js" crossorigin="anonymous"></script>

Question 23

defer

Answer 23

Lädt ein Skript verzögert, ohne den Seitenaufbau zu blockieren.

Beispiel:
<script src="script.js" defer></script>

Question 24

download

Answer 24

Gibt an, dass der Link zum Herunterladen eines Dokuments oder Bildes dient.

Beispiel:
<a href="file.pdf" download>PDF herunterladen</a>

Question 25

loading

Answer 25

Definiert, wann ein Bild oder ein Skript geladen werden soll. Beispiel: ``

Question 26

media

Answer 26

Definiert Bedingungen für das Anwenden von CSS-Regeln. Beispiel: ``

Question 27

rel

Answer 27

Definiert die Beziehung zwischen der aktuellen Seite und der verlinkten Seite. Beispiel: `Example`

Question 28

target

Answer 28

Gibt an, wo das verlinkte Dokument geöffnet werden soll. Beispiel: `Example`

Question 29

type

Answer 29

Definiert den Typ des Eingabefelds. Beispiel: ``

Question 30

value

Answer 30

Definiert den Wert des Eingabefelds. Beispiel: ``

Question 31

spellcheck

Answer 31

Legt fest, ob ein Eingabefeld automatisch auf Rechtschreib- und Grammatikfehler überprüft werden soll. Beispiel: ``

Question 32

autocomplete

Answer 32

Gibt an, ob ein Eingabefeld automatisch Vorschläge für vorherige Eingaben anzeigt. Beispiel: ``

Question 33

placeholder

Answer 33

Zeigt einen Platzhaltertext im Eingabefeld an. Beispiel: ``

Question 34

contenteditable

Answer 34

Erlaubt das Bearbeiten des Inhalts eines Elements durch den Benutzer. Beispiel: `

Bearbeitbarer Text

`

Question 35

tabindex

Answer 35

Legt die Reihenfolge fest, in der ein Element mit der Tab-Taste durchlaufen werden kann. Beispiel: ``

Question 36

datetime

Answer 36

Gibt ein Datum und eine Uhrzeit an. Beispiel: `14. Mai 2023 um 12:30 Uhr`

Question 37

sizes

Answer 37

Definiert die Breite des Elements für unterschiedliche Bildschirmauflösungen. Beispiel: ``

Question 38

controls

Answer 38

Fügt Steuerelemente zu einem Audio- oder Video-Element hinzu. Beispiel: ``

Question 39

loop

Answer 39

Wiederholt ein Audio- oder Video-Element endlos. Beispiel: ``

Question 40

muted

Answer 40

Stummschaltung eines Audio- oder Video-Elements. Beispiel: ``

Question 41

poster

Answer 41

Gibt das Bild an, das vor dem Laden des Videos angezeigt werden soll. Beispiel: ``

Question 42

required

Answer 42

Legt fest, dass ein Eingabefeld ausgefüllt werden muss, bevor das Formular gesendet werden kann. Beispiel: ``

Question 43

form

Answer 43

Legt das Formular fest, zu dem das Element gehört. Beispiel: ``

Question 44

min/max

Answer 44

Legt den minimalen und maximalen Wert für ein Eingabefeld fest. Beispiel: ``

Question 45

step

Answer 45

Legt den Schritt für ein Eingabefeld mit numerischem Wert fest. Beispiel: ``

Question 46

disabled

Answer 46

Deaktiviert ein Eingabefeld oder ein Button-Element. Beispiel: ``

Question 47

http-equiv

Answer 47

Gibt an, dass der Server bestimmte HTTP-Header an den Browser senden soll. Beispiel: ``

Question 48

itemprop

Answer 48

Definiert die Eigenschaft eines Elements in der Microdata-Syntax. Beispiel: `

Max Mustermann

`

Question 49

autocapitalize

Answer 49

Definiert, ob der Text im Eingabefeld automatisch groß- oder kleingeschrieben wird. Beispiel: ``

Question 50

autocorrect

Answer 50

Legt fest, ob die Autokorrektur für das Eingabefeld aktiviert ist. Beispiel: ``

Question 51

dir

Answer 51

Legt die Schreibrichtung des Texts fest. Beispiel: `

Rechts-nach-links-Text

`

Question 52

manifest

Answer 52

Verweist auf eine Datei, die die Offline-Funktionalität der Seite definiert. Beispiel: ``

Question 53

list

Answer 53

Definiert eine Optionenliste, die mit einem Eingabefeld verknüpft ist. Beispiel: `` ``

Question 54

pattern

Answer 54

Definiert ein reguläres Ausdrucksmuster, das für die Validierung von Eingabefeldern verwendet wird. Beispiel: ``

Question 55

href

Answer 55

wird verwendet um Links zu anderen Webseiten oder Dokumenten zu erstellen. Beispiel: `Besuchen Sie Example.com`