Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

HTML Grundlagen > Attribute > Flashcards

Attribute Flashcards

1
Q

accesskey

A

eine Tastenkombination zum schnellen Zugriff auf ein Element.

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

autocomplete

A

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

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

autofocus

A

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

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

charset

A

Definiert den Zeichensatz der Seite.

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

class

A

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>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

contenteditable

A

Legt fest, ob ein Element bearbeitet werden kann.

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

data-*

A

Ermöglicht die Speicherung von benutzerdefinierten Daten im Element.

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

draggable

A

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

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

hidden

A

Verbirgt ein Element.

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

hreflang

A

Definiert die Sprache des verlinkten Dokuments.

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

id

A

Identifiziert das Element eindeutig.

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

lang

A

Definiert die Sprache des Elements.

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

role

A

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

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

srcset

A

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

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

style

A

Definiert Inline-Styles für das Element.

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

tabindex

A

Definiert die Reihenfolge der Fokussierung von Elementen.

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

title

A

Definiert den Titel des Elements.

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

translate

A

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

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

alt

A

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">

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

aria-*

A

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

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

async

A

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

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

crossorigin

A

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

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

defer

A

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

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

24
Q

download

A

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

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

25
Q

loading

A

Definiert, wann ein Bild oder ein Skript geladen werden soll.

Beispiel:
<img src="image.png" loading="lazy">

26
Q

media

A

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

Beispiel:
<link rel="stylesheet" href="style.css" media="screen and (min-width: 768px)">

27
Q

rel

A

Definiert die Beziehung zwischen der aktuellen Seite und der verlinkten Seite.

Beispiel:
<a href="https://example.com" rel="noopener">Example</a>

28
Q

target

A

Gibt an, wo das verlinkte Dokument geöffnet werden soll.

Beispiel:
<a href="https://example.com" target="_blank">Example</a>

29
Q

type

A

Definiert den Typ des Eingabefelds.

Beispiel:
<input type="text">

30
Q

value

A

Definiert den Wert des Eingabefelds.

Beispiel:
<input type="text" value="Standardwert">

31
Q

spellcheck

A

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

Beispiel:
<input type="text" spellcheck="true">

32
Q

autocomplete

A

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

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

33
Q

placeholder

A

Zeigt einen Platzhaltertext im Eingabefeld an.

Beispiel:
<input type="text" placeholder="Geben Sie hier Ihren Text ein">

34
Q

contenteditable

A

Erlaubt das Bearbeiten des Inhalts eines Elements durch den Benutzer.

Beispiel:
<div contenteditable="true">Bearbeitbarer Text</div>

35
Q

tabindex

A

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

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

36
Q

datetime

A

Gibt ein Datum und eine Uhrzeit an.

Beispiel:
<time datetime="2023-05-14T12:30">14. Mai 2023 um 12:30 Uhr</time>

37
Q

sizes

A

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

Beispiel:
<img src="image.jpg" sizes="(min-width: 768px) 50vw, 100vw">

38
Q

controls

A

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

Beispiel:
<video src="video.mp4" controls></video>

39
Q

loop

A

Wiederholt ein Audio- oder Video-Element endlos.

Beispiel:
<video src="video.mp4" loop></video>

40
Q

muted

A

Stummschaltung eines Audio- oder Video-Elements.

Beispiel:
<video src="video.mp4" muted></video>

41
Q

poster

A

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

Beispiel:
<video src="video.mp4" poster="poster.jpg"></video>

42
Q

required

A

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

Beispiel:
<input type="text" required>

43
Q

form

A

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

Beispiel:
<input type="text" form="form1">

44
Q

min/max

A

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

Beispiel:
<input type="number" min="1" max="100">

45
Q

step

A

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

Beispiel:
<input type="number" step="0.5">

46
Q

disabled

A

Deaktiviert ein Eingabefeld oder ein Button-Element.

Beispiel:
<input type="text" disabled>

47
Q

http-equiv

A

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

Beispiel:
<meta http-equiv="refresh" content="5;url=https://example.com">

48
Q

itemprop

A

Definiert die Eigenschaft eines Elements in der Microdata-Syntax.

Beispiel:
<div itemscope itemtype="http://schema.org/Person"><span itemprop="name">Max Mustermann</span></div>

49
Q

autocapitalize

A

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

Beispiel:
<input type="text" autocapitalize="sentences">

50
Q

autocorrect

A

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

Beispiel:
<input type="text" autocorrect="on">

51
Q

dir

A

Legt die Schreibrichtung des Texts fest.

Beispiel:
<p dir="rtl">Rechts-nach-links-Text</p>

52
Q

manifest

A

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

Beispiel:
<html manifest="offline.appcache">

53
Q

list

A

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

Beispiel:
<input type="text" list="options">
<datalist id="options">
<option value="Option 1">
<option value="Option 2">
<option value="Option 3">
</datalist>

54
Q

pattern

A

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

Beispiel:
<input type="text" pattern="[A-Za-z]{3}" title="Drei Buchstaben" required>

55
Q

href

A

wird verwendet um Links zu anderen Webseiten oder Dokumenten zu erstellen.

Beispiel:
<a href="https://www.example.com">Besuchen Sie Example.com</a>

HTML Grundlagen (3 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions