Ähnliche Beiträge
- CSS1K
- Simple Media Queries Debugging
- WordPress Admin Style Guide
- WordPress Admin Bar nach unten verschieben
- HTML5 – Webseiten innovativ und zukunftssicher
- Simple Media Queries Tester
Journal
- Trend. Meiner.
- WordPress mehrsprachig nutzen – ein Lösungsvorschlag
- Besser die Wahrheit?
- Einschränken der Daten-typen im WordPress Upload
- Trenne Logik von der Ausgabe, mittels Hooks in WordPress
Projekte
Abonniere die neusten Artikel via Sidebar
ein-/ausblenden
HTML Lorem ipsum Deutsch
Anzeige
Blindtexte werden bei der Webentwicklung ebenso oft benötigt wie klassische HTML-Tags mit Inhalten. Zu diesem Zweck gibt es den einen oder anderen Generator oder andere Tools wo man sich diverse angefertigte Tags und Texte holen kann.
Aus meiner Sicht ist die deutsche Sprache aber ein wenig komplexer und die bekannten Lorem ipsum-Texte bilden daher nicht immer alle eventuellen Probleme ab. Hintergründe und Infos zu diesem Thema werden sehr schön in dem Artikel „Blindtexte als Chance“ der Webkrauts dargestellt.
Zu diesem Zweck habe ich mir eine Seite erstellt, die mir diverse Auswahlbereiche mit HTML-Tags und Blindtexten in deutscher Sprache zur Verfügung stellt. Dabei habe ich die Idee des HTML-Impus von Chris Coyier genutzt und einzelne Bereiche angelegt, die die Übersicht ein wenig wahren. Ebenso kann man via Klick auf den Titel einer Box den Inhalt in die Zwischenablage kopieren.
Wer also ebenso ab und dann diverse Inhalte und Tags benötigt, gern kann es genutzt werden. Ebenso freue ich mich über Ideen zur Verbesserungen.
35 Kommentare zu „HTML Lorem ipsum Deutsch“
Kommentar schreiben
Kommentar-Hilfe
händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.
Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.
xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>
Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als < und > als > einfügt.
E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.
Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.
Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.
Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.
Das Weblog wird angetrieben von
12. März 2009 um 13:23
Die gängigen »Sonderzeichen« wären noch hilfreich: €, „ “, › ‹, ‚ ‘, -, –, —, …, §, ©, ℗, ® und ™. Eventuell auch ×, ±, ·, •, ¼, ½, ¾ und ‰. Daran merkt man, ob die ausgewählte Schrift wirklich einsatzfähig ist. In der Verdana sind beispielsweise „ und “ kaputt – wer das rechtzeitig bemerkt, kann sich für eine richtige Schrift entscheiden, ehe er das auf die Welt losläßt.
12. März 2009 um 13:33
Hallo Frank, sehr gute Übersicht, danke die werde ich mir bookmarken. Kleiner Fehlerhinweis noch: Bei "Geordnete Liste: lang" hast du das -Tag integriert. Hier meinst du bestimmt das -Tag.
12. März 2009 um 14:19
Sei mir nicht böse aber ich finde das Schwachsinn. Es gibt, wie schon erwähnt, die Seite: HTML-Ipsum. Da brauche ich keine deutsche Variante. Wofür auch? Ich will den Kram ja nicht lesen oder meinen Kunden präsentieren, sondern schauen, wie die Inhalte sich in mein Layout einfügen. Ist aber nicht böse gemeint!
Just my two cents
12. März 2009 um 14:31
Vielen Dank für die Hinweise; habe es geändert bzw. ergänzt. Dabei habe ich eine größere Anzahl von Sonderzeichen aufgenommen, ich hoffe, dass hilft.
12. März 2009 um 14:48
@Martin: genau dafür ist es, nur dass eben deutsche Wörter doch ein wenig anders sind als das Pseudolatein und damit oft die Umbrüche etc. anders aussehen. Aber wie schon geschrieben, die Diskussion dazu wurde schon auf anderen Sites geführt.
12. März 2009 um 15:05
Vielleicht könnten noch paar Tag mit rein, wie ,
, , usw.
.
Aber sonst finde ich die Idee gut, werde mir die Seite in die Bookmarks heften
12. März 2009 um 15:26
@Thomas: habe mal
abbrundacronymin Die Störche. übernommen12. März 2009 um 16:51
Super endlich gibts sowas mal auf Deutsch, wird direkt mal gebookmarked
12. März 2009 um 20:22
Ich finde das gut. Warum sollte man Texte nehmen die mit der Realität nix zu tun haben? Man testet Software ja auch möglichst mit Echtdaten und nicht mit irgendeinem ausgedachten sinnlosen Zeug.
13. März 2009 um 08:15
Tolle Seite die Du da erstellt hast.
Ist schon unter meinen Lesezeichen abgespeichert. Thanks
13. März 2009 um 09:13
Super Sache! Hast noch ein Bookmark mehr.
13. März 2009 um 09:13
Sehr gute Idee, noch besser wäre es, wenn Du
- die Texte mit neuer Rechtschreibung setzt
- die deutschen Anführungszeichen in der direkten Rede und im Blockquote setzt
- einen Satz mit den … Punkten beendest
- und generell die Sonderzeichen im Zusammenhang einbindest (zB: 3 × 3 cm)
Ich finde es toll. Danke.
13. März 2009 um 09:48
Super SAche aber das hab ich ja schon gesagt
hehe
13. März 2009 um 10:38
@Martin: zu deinen Punkten: Die Rechtschreibung habe ich 1:1 von den Originalen übernommen, konnte mich nicht dafür entscheiden sie zu korrigieren; Zitate setze ich immer mit CSS in das rechte Licht, so auch die Anführungszeichen, was in meinen Augen auch besser ist, da ich dabei auf die sprachlichen Eigenschaften eingehen kann und je nach Ausgabe der Sprache das entsprechende CSS lade. Auch ein Satz mit .. ist im Original so, dazu müssen wir Herr Anderson fragen
Den letzten Punkt habe ich nicht verstanden, in welchem Zusammenhang sollen die Sonderzeichen dargestellt werden - eine kleinere Box?
13. März 2009 um 14:31
@Frank:
Ich meine, die Sonderzeichen im Blindtext verwenden. In „Die Störche“ fehlen überall die Anführungszeichen. Zur Not selbst einen Text verfassen.
Nimm zum Beispiel Deine falschen Anführungszeichen in Kommentar 2: "Geordnete Liste: lang", richtig müsste dort stehen: „Geordnete Liste: lang“. Das hat mit CSS nichts zu tun.
Ebenso das falsche 3 x 3 cm statt 3 × 3 cm.
So würde man die Sonderzeichen in ihrer Funktion verstehen und hätte was zum Rauskopieren, damit man nicht immer das Falsche verwendet.
Geht ja nicht darum, Märchen zu lesen.
13. März 2009 um 14:59
@Martin:
Stimmt, ist nur entstanden, weil es freie Texte sind.
Welche Anführungszeichen fehlen. Die falschen Anführungszeichen in Kommentar 2 kommen daher, weil der Kommentierende die gesetzt hat, hätte er den Tag blockquote genommen, der ja Zitate auszeichnet, dann wäre die Anführungszeichen per CSS gesetzt und damit wäre es barrierefrei. Das falsche 3 × 3 cm finde ich nicht, wo steht das. Was natürlich richtig ist und man meist nur x nimmt, weil es einfach ist.
13. März 2009 um 15:04
@Frank: Ich glaube, wir verstehen uns falsch. Dank Dir für die Seite, ist gebookmarkt
13. März 2009 um 16:03
@Martin: schade, vielleicht verstehe nur ich es nicht.
13. März 2009 um 16:40
Sorry, aber das gefällt mir hier besser!
http://www.blindtextgenerator.de/13. März 2009 um 17:30
@Jonatahn: aber das ist ja gerade das schöne, dass man wählen kann.
13. März 2009 um 22:57
Hallo,
eine tolle Sache!
Mir gefällt die deutsche Variante auf jedenfall besser ;o)
14. März 2009 um 16:12
Dem schließe ich mich an. Sinn macht es nur wenn tatsächlich deutsche Wörter benutzt würden, nämlich überlange Worter, die es im englischen nicht gibt.
15. März 2009 um 17:45
Da kann ich meinem Vorredner nur zustimmen. Ich habe das Latein-Gebrabbel auch satt! Aber in letzter Zeit habe ich meist eigene sinn befreite Texte benutzt, um zu schauen, wie etwas wirkt.
Das hat auch den Vorteil, falls mal ein Spider vorbeischaut, bekommt man keine Nachteile wegen Double Content usw...
Aber die Sonderzeichen sind sehr Hilfreich, die werde ich sicherlich des öfteren von hier stibitzen
alte-kiehvotz
17. März 2009 um 09:48
Vielen dank! Noch ein Bookmark mehr - werd ich in Kürze mit Sicherheit drauf zurückkommen. ...Gab's hier nicht mal einen paypal-Knopf "Ist diese Arbeit nicht 1 Euro wert"?
17. März 2009 um 09:57
Hallo, füg doch einen Styleswitscher ein der es ermöglicht, die Schriftart zu wählen.
Ich brauch das ganze persönlich nicht, aber ansonsten, nette idee.
17. März 2009 um 10:03
@Nicole: der ist zu (fast) jedem Download zu finden, oder über die Wunschliste.
@René: aber wozu soll das gut sein? Ein Styleswitcher sorgt nur dafür, dass das Aussehen via CSS anders ist, für die Funktion des Copy/Paste von Markup und Texten ist das keine Veränderung.
17. März 2009 um 23:04
Richtig, aber so sieht man gleich wie text in einem bestimmten Font ausschaut. Dazu müsste dann natürlich noch eine art Mustertext angezeigt werden. Außerdem eine auswahl von Schriftgrößen.
War ja nur nen gedanke ^^ Denn dann hätte ich persönlich einen grund diese Seite zu Bookmarken. So gibt es andere alternativen.
22. März 2009 um 22:44
Ich würde vorschlagen, du nimmst dir den Artikel noch einmal genau zu Herzen. Wie wäre es denn, wirklich beschreibende Blindtexte zu verwenden? Also beispielhafte kleine Texte, die einzelne – und auch oft verwendete – Abschnitte einer Seite beschreiben.Dies würde ich als logische Konsequenz zu Nicolais Artikel sehen. Ich würde mich sehr freuen, wenn hier bald noch hochwertigere Texte zur Verfügung stünden. Die Seite ist selbstverständlich trotzdem schon zu unter meinen Lesezeichen.
23. März 2009 um 09:04
@Paul: diese Texte sehe ich dann aber eher als individuell auf das jeweilige Projekt angepasst sinnvoll. Insofern kann ich da keine Hilfe leisten. Aktuell sind die Text insofern hochwertig, dass sie Eigenheiten der deutschen Sprache darstellen.
24. März 2009 um 11:46
Könntest du ins blockquote noch ein cite reintun?
24. März 2009 um 12:11
@Michale: danke, ergänzt
14. Juli 2009 um 14:41
Hi! Vielen Dank für die Seite. Hab sie schon erfolgreich bei einem Projekt eingesetzt. Hätte eine technische Frage dazu. Wie hast du das mit der Zwischenablage gelöst?
14. Juli 2009 um 14:55
Mit Hilfe von Flash geht so was browserübergreifend, ein freies Projekt liefert die Lösung: ZeroClipboard
14. Juli 2009 um 15:12
Dankeschön!
23. Juli 2010 um 10:56
Look at:
http://www.lorem-ipsum-generator.de/Greetz Rom