HTML-Attribute
HTML-Attribute werden innerhalb des öffnenden Tags verwendet. Sie liefern zusätzliche Informationen über HTML-Elemente. Ein Attribut liefert Metadaten für ein Element oder verändert sein Verhalten. Das Attribut hat einen Namen, gefolgt vom Gleichheitszeichen (=) und einem Wert, der in Anführungszeichen ("") steht.
Syntax
Syntax der HTML-Attribute
html
<tag attribute="value">Your Text</tag>Das href-Attribut
Das HTML-Tag <a> erstellt einen Link, dessen Adresse im href-Attribut definiert ist. Im folgenden Beispiel haben wir das <a>-Tag mit dem href-Attribut verwendet. Zwischen die Anführungszeichen haben wir die Adresse der Seite geschrieben, zu der wir nach dem Klicken auf den Link gelangen.
Beispiel für das HTML-Tag <a> mit dem href-Attribut:
Attribut-Beispiel
html
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<a href="https://www.w3docs.com">Click here and go to the homepage.</a>
</body>
</html>Ergebnis
Das id-Attribut
Das HTML-id-Attribut definiert eine eindeutige ID für jedes Element.
Beispiel für das HTML-Tag <div> mit dem id-Attribut:
Beispiel für das div-Tag mit dem Attribut "id"
html
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
#text {
font-family: sans-serif;
font-size: 20px;
line-height: 28px;
color: #777777;
}
</style>
</head>
<body>
<h2>Example of the div tag with the "id" attribute</h2>
<div id="text">Here is some text for the div tag with the "id" attribute.</div>
</body>
</html>Das style-Attribut
Das style-Attribut definiert die Gestaltung eines Elements, wie Farbe, Größe, Schriftart und so weiter.
Beispiel für das HTML-Tag <p> mit dem style-Attribut:
Beispiel für das p-Tag mit dem Attribut "style":
html
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>Example of the p tag with the style attribute</h2>
<p style="color:#666666;font-size:18px;">Here is some text for the p tag with the "style" attribute.</p>
</body>
</html>Das start-Attribut
Das start-Attribut definiert den Startwert des ersten Listenelements in einer geordneten Liste.
Beispiel für das HTML-Tag <ol> mit dem start-Attribut:
Beispiel für das ol-Tag mit dem Attribut "start"
html
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>Example of the ol tag with the "start" attribute:</h1>
<ol>
<li>List Item</li>
<li>List Item </li>
<li>List Item </li>
</ol>
<ol start="30">
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ol>
</body>
</html>Mehrere Attribute
Sie können dem HTML-Element mehr als ein Attribut hinzufügen. Achten Sie darauf, zwischen ihnen ein Leerzeichen einzufügen.
Es spielt keine Rolle, in welcher Reihenfolge die Attribute platziert werden.
Syntax
Beispiel für HTML-Attribute
html
<tag attribute1="value" attribute2="value">Your text</tag>Beispiel für das HTML-Tag <img> mit den Attributen src, width, height und alt:
Beispiel für das HTML-img-Tag mit mehreren Attributen
html
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>Heading</h1>
<p>This is Aleq's photo</p>
<img src="https://de.w3docs.com/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq" width="200" height="185"/>
</body>
</html>Content- und IDL-Attribute
In HTML gibt es zwei Gruppen von Attributen: das Content-Attribut und das IDL-Attribut (Interface Definition Language).
Das Content-Attribut wird aus dem Inhalt (dem HTML-Code) gesetzt und kann über element.setAttribute() oder element.getAttribute() abgerufen werden. Einige Content-Attribute wie readonly, disabled, required werden auch boolesche Attribute genannt. Der Wert eines booleschen Attributs ist true, wenn es vorhanden ist, und false, wenn es fehlt.
Die IDL-Attribute sind diejenigen, die mit JavaScript-Properties wie element.foo gelesen oder gesetzt werden können. Die IDL-Attribute spiegeln die Content-Attribute wider. Sie verwenden immer das Content-Attribut und geben beim Abrufen einen Wert zurück; beim Setzen speichern sie etwas im Content-Attribut.
Die Liste der am häufigsten verwendeten HTML-Attribute:
| Attribut | Beschreibung | Beispiel |
|---|---|---|
| alt | Definiert einen alternativen Text, wenn das ursprüngliche Element nicht angezeigt wird. | alt="HTML Attributes" |
| height | Definiert die Höhe des Elements. | height="250" |
| href | Definiert die URL für einen Link. | href="https://www.w3docs.com/" |
| hreflang | Definiert die Sprache des verlinkten Dokuments. | hreflang="en" |
| id | Definiert eine eindeutige ID für ein HTML-Element. | id="example" |
| lang | Definiert die Sprache des Dokuments (wird im <html>-Tag verwendet). | <html lang="en-US"> |
| rel | Definiert die Beziehung zwischen dem Ziel- und dem verlinkten Dokument. | rel="nofollow" |
| shape | Definiert die Form des Elements. | shape="circle" |
| span | Definiert die Anzahl der Spalten, die von einem <col>- oder <colgroup>-Element überspannt werden. | span="2" |
| src | Definiert die Quelle des Elements. | src="https://example.com/image.jpg" |
| start | Legt den Startwert einer geordneten Liste fest (wird im <ol>-Tag verwendet). | <ol start="30"> |
| style | Legt den CSS-Stil eines HTML-Elements fest (Größe, Schriftart, Farbe usw.). | style="color:red;text-align:right" |
| target | Definiert, wo der Link geöffnet werden soll. | target="_blank" |
| wrap | Definiert, ob der Text umbrochen werden muss oder nicht. | wrap="hard" |
| width | Definiert die Breite des Elements. | width="120" |
Siehe auch eine Liste der HTML Global Attributes, die mit jedem HTML-Element verwendet werden können.
Die vollständige Liste der HTML-Attribute:
| Attribut | Gehört zu | Beschreibung |
|---|---|---|
| accept | <input> | Definiert die Dateitypen, die vom Server akzeptiert werden (nur für type="file"). |
| accept-charset | <form> | Definiert die für das Absenden des Formulars verwendeten Zeichenkodierungen. |
| accesskey | Global Attributes | Definiert eine Tastenkombination, die ein Element aktiviert. |
| action | <form> | Definiert, wohin die Formulardaten gesendet werden sollen, wenn ein Formular abgeschickt wird. |
| align | HTML5 unterstützt dieses Attribut nicht. | Definiert die Ausrichtung in Bezug auf benachbarte Elemente. Statt dieses Attributs kann CSS verwendet werden. |
| alt | <area>, <img>, <input> | Definiert einen alternativen Text, wenn das ursprüngliche Element nicht angezeigt wird. |
| async | <script> | Definiert, dass das Skript asynchron ausgeführt wird. Es wird nur für externe Skripte verwendet. |
| autocomplete | <form>, <input> | Definiert, ob die Autovervollständigung der <form>- oder <input>-Elemente aktiviert sein soll. |
| autofocus | <button>, <input>, <select>, <textarea> | Definiert, dass das Element beim Laden der Seite automatisch den Fokus erhalten muss. |
| autoplay | <audio>, <video> | Definiert, dass die Audio- oder Videowiedergabe startet, sobald sie bereit ist. |
| bgcolor | HTML5 unterstützt dieses Attribut nicht. | Definiert die Hintergrundfarbe eines Elements. Statt dieses Attributs kann CSS verwendet werden. |
| border | HTML5 unterstützt dieses Attribut nicht. | Definiert die Breite des Rahmens eines Elements. Statt dieses Attributs kann CSS verwendet werden. |
| charset | <meta>, <script> | Definiert die Zeichenkodierung. |
| checked | <input> | Definiert, dass ein <input>-Element beim Laden der Seite vorausgewählt sein muss (für type="checkbox" oder type="radio"). |
| cite | <blockquote>, <del>, <ins>, <q> | Definiert eine URL, die das Zitat, den gelöschten oder eingefügten Text erläutert. |
| class | Global Attributes | Definiert einen oder mehrere Klassennamen für ein Element. |
| color | HTML5 unterstützt dieses Attribut nicht. | Definiert die Textfarbe eines Elements. Statt dieses Attributs kann CSS verwendet werden. |
| cols | <textarea> | Definiert die sichtbare Breite eines Textbereichs. |
| colspan | <td>, <th> | Definiert die Anzahl der Spalten, über die sich eine Tabellenzelle erstrecken soll. |
| content | <meta> | Gibt den Wert an, der mit dem Attribut http-equiv oder name verknüpft ist. |
| contenteditable | Global Attributes | Definiert, ob der Inhalt eines Elements bearbeitet werden kann oder nicht. |
| controls | <audio>, <video> | Definiert, dass Audio- oder Videosteuerungen angezeigt werden müssen (zum Beispiel eine Wiedergabe- oder Pausentaste usw.). |
| coords | <area> | Definiert die Koordinaten des Bereichs. |
| data | <object> | Definiert die URL der Ressource, die vom Objekt verwendet wird. |
| data-* | Global Attributes | Speichert benutzerdefinierte Daten, die privat für die Seite oder Anwendung sind. |
| datetime | <del>, <ins>, <time> | Definiert Datum und Uhrzeit. |
| default | <track> | Definiert, dass die Spur aktiviert wird, wenn die Einstellungen des Benutzers nicht darauf hinweisen, dass eine andere Spur geeigneter wäre. |
| defer | <script> | Definiert, dass das Skript ausgeführt wird, wenn das Parsen der Seite abgeschlossen ist. Dieses Attribut wird nur für externe Skripte verwendet. |
| dir | Global Attributes | Definiert die Textrichtung für den Inhalt eines Elements. |
| dirname | <textarea>, <input> | Definiert, dass die Textrichtung übermittelt wird. |
| disabled | <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> | Definiert, dass das angegebene Element oder die Gruppe von Elementen deaktiviert sein muss. |
| download | <a>, <area> | Definiert, dass das Ziel heruntergeladen wird, wenn ein Benutzer auf den Hyperlink klickt. |
| draggable | Global Attributes | Definiert, ob ein Element ziehbar ist oder nicht. |
| dropzone | Global Attributes | Definiert, ob die gezogenen Daten beim Ablegen kopiert, verschoben oder verknüpft werden. |
| enctype | <form> | Definiert, wie die Formulardaten kodiert werden sollen, wenn sie an den Server gesendet werden. Dieses Attribut wird nur für method="post" verwendet. |
| for | <label>, <output> | Gibt an, mit welchem Formularelement bzw. welchen Formularelementen ein Label oder eine Berechnung verknüpft ist. |
| form | <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> | Definiert den Namen des Formulars, zu dem das Element gehört. |
| formaction | <button>, <input> | Definiert, wohin die Formulardaten gesendet werden sollen, wenn ein Formular abgeschickt wird. Dieses Attribut wird nur für type="submit" verwendet. |
| headers | <th>, <th> | Definiert eine oder mehrere Kopfzellen, mit denen eine Zelle verbunden ist. |
| height | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Definiert die Höhe des Elements. |
| hidden | Global Attributes | Definiert, dass ein Element nicht relevant ist. |
| high | <meter> | Definiert die obere Grenze des vom <meter>-Element dargestellten Bereichs. |
| href | <a>, <area>, <base>, <link> | Definiert die URL der Seite, zu der der Link führt. |
| hreflang | <a>, <area>, <link> | Definiert die Sprache des verlinkten Dokuments. |
| http-equiv | <meta> | Gibt dem Attribut content einen HTTP-Header für die Information oder den Wert. |
| id | Global Attributes | Definiert eine eindeutige ID für ein Element. |
| ismap | <img> | Definiert ein Bild als serverseitige Image-Map. |
| kind | <track> | Definiert die Art der Textspur. |
| label | <track>, <option>, <optgroup> | Definiert den Titel der Textspur. |
| lang | Global Attributes | Definiert die Sprache des Inhalts eines Elements. |
| list | <input> | Verweist auf ein <datalist>-Element mit vordefinierten Optionen für ein <input>-Element. |
| loop | <audio>, <video> | Definiert, dass die Audio- oder Videowiedergabe jedes Mal erneut startet, wenn sie beendet ist. |
| low | <meter> | Definiert den Bereich, der als niedriger Wert gilt. |
| max | <input>, <meter>, <progress> | Definiert den Maximalwert. |
| maxlength | <input>, <textarea> | Definiert die maximale Anzahl von Zeichen, die ein Element enthalten kann. |
| media | <a>, <area>, <link>, <source>, <style> | Definiert, für welche Medien oder welches Gerät das verknüpfte Dokument optimiert ist. |
| method | <form> | Definiert die HTTP-Methode, die beim Senden von Formulardaten verwendet werden soll. |
| min | <input>, <meter> | Definiert einen Mindestwert. |
| multiple | <input>, <select> | Definiert, dass der Benutzer mehr als einen Wert eingeben kann. |
| muted | <audio>, <video> | Definiert, dass die Audioausgabe des Videos stummgeschaltet sein muss. |
| name | <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> | Definiert den Namen des Elements. |
| novalidate | <form> | Definiert, dass das Formular bei der Übermittlung nicht validiert werden darf. |
| onabort | <audio>, <embed>, <img>, <object>, <video> | Skript, das bei Abbruch ausgeführt wird. |
| onafterprint | <body> | Skript, das nach dem Drucken des Dokuments ausgeführt wird. |
| onbeforeunload | <body> | Skript, das ausgeführt wird, wenn das Dokument entladen werden soll. |
| onblur | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn das Element den Fokus verliert. |
| oncanplay | <audio>, <embed>, <object>, <video> | Skript, das ausgeführt wird, wenn eine Datei bereit ist, mit der Wiedergabe zu beginnen. |
| oncanplaythrough | <audio>, <video> | Skript, das ausgeführt wird, wenn eine Datei bis zum Ende abgespielt werden kann, ohne zum Puffern anzuhalten. |
| onchange | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn der Wert des Elements geändert wird. |
| onclick | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn auf das Element geklickt wird. |
| oncontextmenu | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn ein Kontextmenü ausgelöst wird. |
| oncopy | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn der Inhalt des Elements kopiert wird. |
| oncuechange | <track> | Skript, das ausgeführt wird, wenn sich die Cue in einem <track>-Element ändert. |
| oncut | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn der Inhalt des Elements ausgeschnitten wird. |
| ondblclick | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn auf das Element doppelt geklickt wird. |
| ondrag | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn das Element gezogen wird. |
| ondragend | Alle sichtbaren Elemente. | Skript, das am Ende eines Ziehvorgangs ausgeführt wird. |
| ondragenter | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn ein Element auf ein gültiges Ablageziel gezogen wurde. |
| ondragleave | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn ein Element ein gültiges Ablageziel verlässt. |
| ondragover | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn ein Element über ein gültiges Ablageziel gezogen wird. |
| ondragstart | Alle sichtbaren Elemente. | Skript, das zu Beginn eines Ziehvorgangs ausgeführt wird. |
| ondrop | Alle sichtbaren Elemente. | Skript, das zu Beginn eines Ziehvorgangs ausgeführt wird. |
| ondurationchange | <audio>, <video> | Skript, das ausgeführt wird, wenn sich die Länge der Medien ändert. |
| onemptied | <audio>, <video> | Skript, das ausgeführt wird, wenn etwas Unerwartetes passiert und die Datei nicht mehr verfügbar ist. |
| onended | <audio>, <video> | Skript, das ausgeführt wird, wenn die Medien das Ende erreichen. |
| onerror | <audio>, <video>, <embed>, <object>, <script>, <style>, <body> | Skript, das ausgeführt wird, wenn ein Fehler auftritt. |
| onfocus | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn das Element den Fokus erhält. |
| onhashchange | <body> | Skript, das ausgeführt wird, wenn sich der Anker ändert. |
| oninput | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn das Element Benutzereingaben erfasst. |
| oninvalid | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn das Element ungültig ist. |
| onkeydown | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn ein Benutzer eine Taste drückt. |
| onkeypress | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn ein Benutzer eine Taste drückt. |
| onkeyup | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn ein Benutzer eine Taste loslässt. |
| onload | <body>, <iframe>, <input>, <img>, <script>, <style>, <link> | Skript, das ausgeführt wird, wenn das Laden abgeschlossen ist. |
| onloadeddata | <audio>, <video> | Skript, das ausgeführt wird, wenn Mediendaten geladen sind. |
| onloadedmetadata | <audio>, <video> | Skript, das ausgeführt wird, wenn Metadaten geladen sind. |
| onloadstart | <audio>, <video> | Skript, das ausgeführt wird, wenn die Datei mit dem Laden beginnt, bevor tatsächlich etwas geladen wurde. |
| onmousedown | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn eine Maustaste auf ein Element gedrückt wird. |
| onmousemove | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, während sich der Mauszeiger über ein Element bewegt. |
| onmouseout | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn ein Mauszeiger ein Element verlässt. |
| onmouseup | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn eine Maustaste über einem Element losgelassen wird. |
| onmouseover | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn sich ein Mauszeiger über ein Element bewegt. |
| onmousewheel | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn ein Mausrad über ein Element scrollt. |
| onoffline | <body> | Skript, das ausgeführt wird, wenn der Browser offline arbeitet. |
| ononline | <body> | Skript, das ausgeführt wird, wenn der Browser online arbeitet. |
| onpagehide | <body> | Skript, das ausgeführt wird, wenn ein Benutzer eine Seite verlässt. |
| onpageshow | <body> | Skript, das ausgeführt wird, wenn ein Benutzer zu einer Seite navigiert. |
| onpaste | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn Inhalt in ein Element eingefügt wird. |
| onpause | <audio>, <video> | Skript, das ausgeführt wird, wenn die Medien pausiert werden. |
| onplay | <audio>, <video> | Skript, das ausgeführt wird, wenn die Medien mit der Wiedergabe beginnen. |
| onplaying | <audio>, <video> | Skript, das ausgeführt wird, wenn die Medien abgespielt werden. |
| onpopstate | <body> | Skript, das ausgeführt wird, wenn sich der Verlauf der Fenster ändert. |
| onprogress | <audio>, <video> | Skript, das ausgeführt wird, wenn der Browser gerade Mediendaten abruft. |
| onratechange | <audio>, <video> | Skript, das ausgeführt wird, wenn sich die Wiedergabegeschwindigkeit ändert. |
| onreset | <form> | Skript, das ausgeführt wird, wenn in einem Formular auf die Zurücksetzen-Schaltfläche geklickt wird. |
| onresize | <body> | Skript, das ausgeführt wird, wenn die Browserfenstergröße geändert wird. |
| onscroll | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn die Bildlaufleiste eines Elements gescrollt wird. |
| onsearch | <input> | Skript, das ausgeführt wird, wenn der Benutzer etwas in ein Suchfeld schreibt. |
| onseeked | <audio>, <video> | Skript, das ausgeführt wird, wenn das Attribut seeking auf false gesetzt ist und anzeigt, dass das Suchen beendet wurde. |
| onseeking | <audio>, <video> | Skript, das ausgeführt wird, wenn das Attribut seeking auf true gesetzt ist und anzeigt, dass das Suchen aktiv ist. |
| onselect | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn das Element ausgewählt wird. |
| onstalled | <audio>, <video> | Skript, das ausgeführt wird, wenn der Browser die Mediendaten aus bestimmten Gründen nicht abrufen kann. |
| onstorage | <body> | Skript, das ausgeführt wird, wenn ein Web-Storage-Bereich aktualisiert wird. |
| onsubmit | <form> | Skript, das ausgeführt wird, wenn ein Formular abgeschickt wird. |
| onsuspend | <audio>, <video> | Skript, das ausgeführt wird, wenn das Abrufen der Mediendaten gestoppt wird, bevor sie vollständig geladen sind. |
| ontimeupdate | <audio>, <video> | Skript, das ausgeführt wird, wenn sich die Wiedergabeposition geändert hat. |
| ontoggle | <details> | Skript, das ausgeführt wird, wenn das <details>-Element geöffnet oder geschlossen wird. |
| onunload | <body> | Skript, das ausgeführt wird, wenn eine Seite entladen wurde. |
| onvolumechange | <audio>, <video> | Skript, das jedes Mal ausgeführt wird, wenn die Lautstärke eines Videos oder Audios geändert wird. |
| onwaiting | <audio>, <video> | Skript, das ausgeführt wird, wenn die Medien pausiert sind, aber gleichzeitig erwartet wird, dass sie fortgesetzt werden. |
| onwheel | Alle sichtbaren Elemente. | Skript, das ausgeführt wird, wenn das Mausrad über ein Element nach oben oder unten rollt. |
| open | <details> | Definiert, dass die Details sichtbar sein sollen. |
| optimum | <meter> | Definiert, welcher Wert der optimale Wert für die Anzeige ist. |
| pattern | <input> | Definiert einen regulären Ausdruck, gegen den der Wert eines <input>-Elements geprüft wird. |
| placeholder | <input>, <textarea> | Definiert einen kurzen Hinweis, der den erwarteten Wert des Elements beschreibt. |
| poster | <video> | Definiert ein Bild, das angezeigt wird, während das Video heruntergeladen wird oder bis der Benutzer auf die Wiedergabetaste drückt. |
| preload | <audio>, <video> | Definiert, ob und wie das Audio oder Video beim Laden der Seite geladen werden soll. |
| readonly | <input>, <textarea> | Definiert, dass das Element schreibgeschützt ist. |
| rel | <a>, <area>, <link> | Definiert die Beziehung zwischen dem aktuellen und dem verlinkten Dokument. |
| required | <input>, <textarea>, <select> | Definiert, dass das Element vor dem Absenden des Formulars ausgefüllt werden muss. |
| reversed | <ol> | Definiert, dass die Listenreihenfolge absteigend sein soll. Zum Beispiel 5,4,3... |
| rows | <textarea> | Definiert die sichtbare Anzahl von Zeilen in einem Textbereich. |
| rowspan | <td>, <th> | Definiert die Anzahl der Zeilen, über die sich eine Tabellenzelle erstrecken soll. |
| sandbox | <iframe> | Aktiviert einen zusätzlichen Satz von Einschränkungen für den Inhalt innerhalb eines <iframe>-Elements. |
| scope | <th> | Definiert, ob eine Kopfzelle eine Überschrift für eine Spalte, Zeile oder Gruppe von Spalten oder Zeilen ist. |
| selected | <option> | Definiert, dass eine Option beim Laden der Seite vorausgewählt sein muss. |
| shape | <area> | Definiert die Form des Bereichs. |
| size | <input>, <select>, <embed>, <iframe> | Definiert die Breite in Zeichen (für <input>) oder die Anzahl sichtbarer Optionen (für <select>). |
| sizes | <link>, <img>, <source> | Definiert die Größe der verknüpften Ressource. |
| span | <col>, <colgroup> | Definiert die Anzahl der Spalten, über die sich das Element erstrecken soll. |
| spellcheck | Global Attributes | Definiert, ob Grammatik und Rechtschreibung des Elements geprüft werden sollen oder nicht. |
| src | <img>, <source>, <audio>, <video>, <script>, <track>, <embed>, <iframe> | Definiert die URL der Mediendatei. |
| srcdoc | <iframe> | Definiert den HTML-Inhalt der Seite, die im <iframe>-Element angezeigt werden soll. |
| srclang | <track> | Definiert die Sprache der Textdaten der Spur. |
| srcset | <img>, <source> | Definiert die URL des Bildes, das in verschiedenen Situationen verwendet werden kann. |
| start | <ol> | Definiert den Startwert einer geordneten Liste. |
| step | <input> | Definiert die zulässigen Zahlenintervalle für ein Eingabefeld. |
| style | Global Attributes | Definiert einen Inline-CSS-Stil für ein Element. |
| tabindex | Global Attributes | Definiert die Tabulatorreihenfolge eines Elements. |
| target | <a>, <area>, <base>, <form> | Definiert das Ziel, wo das verlinkte Dokument geöffnet oder wohin das Formular gesendet werden soll. |
| title | Global Attributes | Definiert zusätzliche Informationen über ein Element. |
| translate | Global Attributes | Definiert, ob der Textinhalt des Elements vom Browser oder von Übersetzungstools übersetzt werden soll. |
| type | <embed>, <input>, <object>, <a>, <button>, <link>, <menu>, <object>, <script>, <source>, <style> | Definiert den Typ des Elements. |
| usemap | <object>, <img> | Definiert ein Bild als clientseitige Image-Map. |
| value | <button>, <input>, <li>, <option>, <meter>, <progress>, <param> | Definiert den Wert des Elements. |
| width | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Definiert die Breite des Elements. |
| wrap | <textarea> | Definiert, wie der Text in einem Textbereich umbrochen werden soll, wenn er innerhalb eines Formulars übermittelt wird. |
Siehe auch eine Liste der HTML Global Attributes, die mit jedem HTML-Element verwendet werden können.
Practice
Welche der folgenden Aussagen über HTML-Attribute sind wahr?