Sie können einen Textbereich bestimmen, in dem kein automatischer Zeilenumbruch erfolgt. Alles, was innerhalb dieses Bereichs steht, wird in einer langen Zeile angezeigt. Der Anwender kann dann mit der horizontalen Scroll-Leiste die überlangen Textzeile anzeigen. Diese Möglichkeit gehört jedoch nicht zum offiziellen HTML-Sprachstandard. Sie sollten sie daher vermeiden und die CSS-Eigenschaft Seite white-space verwenden.
<nobr>Die vom ZDF sagen, die vom ARD senden ständig Wiederholungen, und die vom ARD sagen, die vom ZDF senden ständig Wiederholungen, und so wiederholen sich ARD und ZDF ständig, ohne überhaupt etwas zu senden.</ ... mehr
Es gibt verschiedene Ansätze eine Website mit Hilfe von Media Queries für verschiedene Displaygrößen zu optimieren. Einmal steht das Ausgabegerät im Vordergrund, einmal das Design bzw. die Information. Welche Unterschiede zwischen einer Responsive Website und einer Adaptive Website betsghen und welche Vor- und Nachteile die Varianten haben sollhier kurz beantwortet werden.
Adaptive Website
Die Adaptive Website ist eine für verschiedene Displaygrößen optimierte Website. Diese Lösung ist nicht perfekt, aber durchaus verbreitet. Der Kern einer Adaptive Website ist ein (meist) starres Gestaltungsraster in Kombination mit Media Queries ... mehr
Ein Beispiel für ein Rich Snippets für eine Person.
Alles wird in einem Element itemscope itemtype=http://data-vocabulary.org/person gekappselt (hier ein DIV-Container).
Elemente mit den Eigenschaften (property. itemprop="...") name (Name der Person), role oder title (Funktion der Person), affiliation (Untrernehmen), url (Link zur Homepage) anlegen.
Für die Adresse (Anschrift, address) einen neuen "Bereich" (hier ein DIV-Container) itemprop="address" itemscope itemtype=http://data-vocabulary.org/address und in diesem Element (Adresse) die Eigenschaften (itemprop): street-adress (Straße, Hausnummer) country-name (Ländername) postal-code ... mehr
Rich 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
Auf der Testseite von Google zum testen von strukturierten Daten (http://www.google.com/webmasters/tools/richsnippets) werden strukturierte Daten nicht oder nicht vollständig in der Vorschau angezeigt. Anscheinend wird das "Schema" von schema.org in der Vorschau der Ergebnisanzeige noch nicht (voll) untersützt. So werden z.B. keine B ... mehr
Das 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
Bei der Nutzung der sozialen Netzwerke Facebook ("Gefällt mir") und Google ("Google+") werden Bewegung-, Inhaltsdaten und die IP-Adresse an die Anbieter dieser Dienste übermittelt. Für die Nutzung dieser Plugins ist daher Ihre ausdrückliche Zustimmung notwendig. Ich stimme diesen Nutzungsbedingungen zu. Beachten Sie auch unsere Datenschutzerklärung.