attribute dir

• <p dir="rtl">עברית</p>
• rtl (right-to-left)
  ltr (left-to-right)
  auto
• Das dir-Universalattribut (direction) definiert die Schreibrichtung innerhalb des Dokuments.
• selfhtml/attribute/dir

hreflang

• <link rel="alternate" hreflang="x" href="https://example.com/alternate-page" >
• wenn Inhalte der Seite auf einer anderen Sprache ist
• ahrefs/hreflang

lazy-loading

• <img src="bildname.jpg" loading="lazy" alt="Bildbeschreibung">
• <iframe loading="lazy" src="https://www.youtube.com/embed/>bP0ev1A6zFc"></iframe>
• Die Bilder im Anfangs nicht sichtbaren Bereich werden später vom Browser nachgeladen.
• html-seminar/natives-lazy-loading

attribute rel

• rel="author" | Informationen zum Autor
• rel="icon" | importiert ein Icon für Bookmarks,
• rel="stylesheet" | CSS Datei laden
• rel="noopener noreferrer" | verweigert in Verbindung mit target="_blank" dem neuen Tab den Zugriff auf Inhalte der alten Seite
• Das rel Attribute definiert die Beziehung (relationship) zwischen einer verknüpften Ressource und dem aktuellen Dokument.
• mdn/html/rel

attribute translate

• <h1>Verwendung des <span class="kw" translate="no">translate</span>-Attributs in HTML</h1>
• Das translate-Attribut in HTML5 gibt an, ob der Inhalt des Elements übersetzt werden soll oder nicht.
• w3.org/translate

attribute type

• type button
  <button type="button">Lorem Ipsum</button>
  <button type="reset">zurücksetzen</button>
  <button type="submit">senden</button>
• type ol
  legt fest welches Zahlen-/ Buchstabensystem zur Zählung genutzt wird
  type="1"; A; a; I; i
• type input
  button, checkbox, color, date, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time, url, week
• w3schools/input type

attribute title

• <p title="tip">tooltip</p>
  

  hover me

• Wenn Sie das Element hovern, erscheint ein Tooltipp mit dem Inhalt des title-Attributs. Auf mobilen Geräten mit Touch-Bildschirm bleibt das title-Attribut unwirksam, da es dort ja kein Hovern mit der Maus gibt.
• selfhtml/html/attribute title

attribute contenteditable

• <p contenteditable="true">bearbeite mich</p>
  

  bearbeite mich

• Das Attribut legt fest, ob User den Inhalt eines Elements editieren (verändern) dürfen. Auch Kindelemente zählen zum Inhalt, falls gewünscht, müssen Sie für diese die Editierbarkeit explizit verbieten.
• selfhtml/html/attribute contenteditable

attribute checked

• <input type="checkbox" name="check" checked>
• Mit dem checked-Attribut kann für type="checkbox" oder type="radio" ein Inputfeld vorausgewählt werden.
• selfhtml/html/attribute checked

attribute für ol Listen

• reversed | Liste in umgekehrter Reihenfolge
• start="3" | Start-Wert des Index
• compact | Rendert die Liste in kleinerer Schrift, ist nicht mehr in HTML enthalten, sondern soll durch CSS gestaltet werden.
• Zwar gibt es das Attribut type für ungeordnete Listen mit HTML ol, aber der Typ der Aufzählung wird eher der Darstellung zugeschlagen. Anstelle des type-Attributs wie upper-roman oder lower-latin wird also besser CSS list-style-type verwendet.
• mediaevent/html/ol

attribute für input

• attribute: autocomplete, list, height and width, autofocus, step, required, placeholder, pattern, multiple, min and max, maxlength, size, disabled, readonly, value
  w3schools.com/html/form_attributes
• <input type="password" id="passwd" required>
  Durch die Angabe von required kann eine Eingabe erzwungen werden.
  selfhtml/html/required
• <input type="text" name="benutzer" maxlength="10" minlength="7">
  Das maxlength-Attribut begrenzt eine Eingabe (Input / Textarea) auf ein maximale Länge. Dadurch kann man auch verhindern das Angreifer ein Script ausführen. (Anzahl Zeichen).
  Bei minlength eine Mindestanzahl.
  selfhtml/html/maxlength
• <input type="file" accept="image/*" multiple>
  Mithilfe von accept kann angegeben werden, welche MIME-Typen für den Upload vorgesehen sind. Gültige Angabe ist eine kommagetrennte Liste mit MIME-Typen, diese können auch mit Wildcards (*) verwendet werden.
  selfhtml/MIME-Type#Schema
  Mit multiple kann eine Mehrfachauswahl zugelassen werden, sodass mehrere Dateien an den Server übermittelt werden. Damit die verwendete serverseitige Script-Sprache mit mehreren Dateien zu diesem input-Feld umgehen kann, ist es unter Umständen notwendig einen geeigneten Namen im name-Attribut zu notieren (PHP benötigt z. B. ein eckiges Klammernpaar wie name="datei[]", damit nicht nur die letzte übertragene Datei erkannt wird).
  selfhtml/File_Upload#multiple