Computer
  • Übersicht: CSS-Selektoren

    Es gibt unterschiedliche Möglichkeiten HTML-Elemente im CSS zu adressieren. Die Art der Adressierung bestimmt die Gewichtung gegenüber anderen Regeln für das selbe Element. Diese Übersicht in in folgende Gruppen gegliedert: 1. Grundlegende Selektoren Selector (English) Beschreibung (Deutsch) Beispiel * (Universal Selector) Wählt alle Elemente. * { margin: 0; } element (Type Selector) Wählt alle Elemente…

  • Übersicht: Semantische HTML-Elemente

    Im Rahmen von SEO und Barrierefreiheit kamen mit HTML5 neue selbstbeschreibende Tags, die es Maschinen erleichtern Inhalte auf Webseiten einzuordnen. Die neuen Tags ersetzen bisher gebräuchliche allgemeinere Elemente, z.B. <div>, und verbessern dadurch SEO-Ranking, Keyboard-Bedienung und Screenreader-Kompatibilität. Nachfolgend sind diese Tags nach Anwendungsbereichen gegliedert: 1. Layout und DOM-Struktur Tag Beschreibung Beispiel <header> Kopfbereich eines Dokuments…

  • Eingabefelder mit Datenlisten

    Das <datalist>-Tag stellt auf unkomplizierte Art eine Liste mit <option>-Elementen bereit, deren Werte wiederum von einem anderen Element angenommen werden können. Bei Eingabefeldern können bspw. die vorzuschlagenden Möglichkeiten als Liste mit <datalist> bereitgestellt werden. Der Nutzer bekommt mit dem Code direkt bei Klick auf das Input-Element eine klickbare Auswahl der vorhandenen Optionen…

garten
Tagebuch