268 aus 268 Beiträgen gefunden.
Breadcrumb mit Rich Snippets auszeichnenRich Snippets sind Lieferanten zusätzlicher Informationen in der Ergebnisliste von Google. Breadcrumb-Navigation können Bestandteil der Treffer in der Google Ergebnisliste sein. Voraussetzung ist lediglich die semantische Auszeichnung (schema.org).
Nachfolgend ein Beispiel für die Auszeichnung von Breadcrumbs. Beachten Sie die Auszeichnung des body:
<body itemscope itemtype="http://schema.org/WebPage"> <ul itemprop="breadcrumb"> <li><a href='/'>Home</a> – </li> <li><a href='/kontakt.aspx'>Kontakt</a> – </li> &nb ...
mehr list und datalist - Vorgegebene Werte für input-ElementeDas list-Attribut für input-Felder verweist auf eine Liste von vorgegebenen Werten. Anders als beim select-Feld kann der Benutzer bei einer Liste aleerdings auch eigene Werte eingeben.
Ein datalist-Tag führt die mögichen Werte auf und ist über die id mit dem list-Attribut des input-Tags verbunden.
<input type="text" list="dliste" value="" />
<datalist id="dliste"> <option value="Butter"></option> <option value="Milch"></option> … </datalist>
Opera und IE zeigt die Optionen an, wenn das Eingabefeld in den Fokus kommen. Chrome und Firefox zeigen die Optionen, ...
mehr Attribut autofocus bei input-ElementenEin (Eingabe-) Feld, das beim Laden der Seite den Fokus erhält, wurde bisher über Javascript realisiert:
window.onload = document.getElementById('elementId').focus();
HTML5 stellt jetzt autofocus als Attribut für input-Tags zur verfügung. So wird in HTML5 der Fokus auf ein Eingabefeld gesetzt:
<input autofocus type="text" value="" /> oder <input autofocus="autofocus" type="text" value="" />
Das HTML5 Element <main>In jeder Webseite findet sich irgendwo im HTML-Code der eigentliche Content der Seite. Gerne verwendet wurde bspw. ein <div id=”wrapper”>, <div id=”main”>, oder im Falle einer ARIA Unterstützung ein Element mit dem Attribut role=”main”. In HTML5 wurde das div von einem <section id=”main”> abgelöst. Anders ausgedrückt: ein Anhaltspunkt, welcher durch eine spezielle Id oder Klasse gekennzeichnet ist.
Mit dem <main>-Element ist dabei ein für alle Mal Schluss und genau diese Vereinheitlichung erläutert den Sinn des Elementes: Es gibt nichts was uns sagt, wo sich der Content der Webseite befindet.
...
mehr WAI-ARIA - Web Accessibility Initiative’s Accessible Rich Internet ApplicationsDie "HyperText Markup Language" (HTML) wurde ursprünglich nicht entwickelt, um Web-Applikationen zu erstellen. HTML hat einen limitierten Vorrat von Interface-Elementen und wurde um ein sequentielles Client-Server-Modell herum entwickelt. Um diese Limitationen zu umgehen haben Entwickler von Web-Applikationen eigene Komponenten (Widgets) entwickelt und diesen dann mit JavaScript das korrekte Verhalten beigebracht.
Unglücklicherweise waren diese Methoden um die Limitation zu umgehen nicht zugänglich. Auch wenn diese Widgets so aussahen und sich so verhielten wie normale Widgets von Desktop-Applikationen (wie beispielsweise ein Widget, das eine Baumansicht zeigt) waren die Rol ...
mehr