Trennung von Inhalt und Design – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self?srt=yes Trennung von Inhalt und Design Sat, 13 Feb 21 10:23:50 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784042?srt=yes#m1784042 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784042?srt=yes#m1784042 <p>Hallo,<br> ich möchte die Überschrift unterschiedlich vom darüberliegenden Text absetzen.<br> Dies habe ich bisher gemacht mit</p> <pre><code class="block"><h2 style="margin-top: 1rem;">Überschrift</h2> </code></pre> <p>Wie trenne ich nun korrekt Inhalt und Design?</p> <pre><code class="block"><br> <h2>Überschrift</h2> </code></pre> <p>oder mehrere Klassen für h2 in css oder ?</p> Trennung von Inhalt und Design Sat, 13 Feb 21 10:30:27 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784043?srt=yes#m1784043 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784043?srt=yes#m1784043 <p>@@Gerhard</p> <blockquote> <pre><code class="block"><br> <h2>Überschrift</h2> </code></pre> </blockquote> <p>Nein, nicht <code class="language-html bad"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span></code>.</p> <blockquote> <p>oder mehrere Klassen für h2 in css oder ?</p> </blockquote> <p>Warum sollten verschiedene <code>h2</code> unterschiedliche Abstände nach oben haben?</p> <p><code class="language-css"><span class="token selector">h2</span> <span class="token punctuation">{</span> <span class="token property">margin-top</span><span class="token punctuation">:</span> 1rem <span class="token punctuation">}</span></code> im Stylesheet.</p> <p> LLAP</p> <div class="signature">-- <br> <em lang="en">“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”</em> —John Lennon </div> Trennung von Inhalt und Design Sat, 13 Feb 21 10:30:31 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784044?srt=yes#m1784044 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784044?srt=yes#m1784044 <p>Servus!</p> <blockquote> <p>Hallo,<br> ich möchte die Überschrift unterschiedlich vom darüberliegenden Text absetzen.<br> Dies habe ich bisher gemacht mit</p> <pre><code class="block"><h2 style="margin-top: 1rem;">Überschrift</h2> </code></pre> <p>Wie trenne ich nun korrekt Inhalt und Design?</p> <pre><code class="block"><br> <h2>Überschrift</h2> </code></pre> </blockquote> <p>Nein! Das br wäre ja schon Teil des Inhalts (und sollte möglichst wenig verwendet werden,, z.B. bei Lied- oder Verszeilen, der einen Zeilenumbruch benötigen.</p> <blockquote> <p>oder mehrere Klassen für h2 in css oder ?</p> </blockquote> <p>Ja!</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css"> <span class="token selector">.abschnitt</span> <span class="token punctuation">{</span> <span class="token property">margin-top</span><span class="token punctuation">:</span> 1rem<span class="token punctuation">;</span> <span class="token punctuation">}</span> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span> <h2 class=abschnitt">Überschrift<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span> </code></pre> <p>So hast du Deinen Inhalt von der Präsentation getrennt. Es wäre zu überlegen, ob der Abstand nach oben nicht allen h2-Elementen zu geben wäre.</p> <p>Gib der Klasse einen aussagekräftigen Namen (nicht "abstand")!</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> Trennung von Inhalt und Design Sat, 13 Feb 21 12:57:51 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784072?srt=yes#m1784072 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784072?srt=yes#m1784072 <p>Lieber Gerhard,</p> <blockquote> <p>Wie trenne ich nun korrekt Inhalt und Design?</p> </blockquote> <p>diese Trennung muss im Kopf anfangen. Momentan lese ich, dass Du je nach Lust und Laune das Aussehen von Überschriften und anderen Textkörpern individuell gestalten willst. Da stellt sich mir dann die Frage, wo hört bei Dir der Inhalt auf und fängt das Design an? Wenn Du nämlich individuelle Gestaltungen auf diversen Seiten umsetzen willst, dann könnte es ja sein, dass diese ein wesentliches Element des Inhalts sind.</p> <p>Aber ja, wenn Du die technische Trennung meinst, dann gehört jegliche(!!) Gestaltungsanweisung in ein Stylesheet (CSS-Datei) und nicht in <code>style</code>-Attribute innerhalb Deines Dokuments.</p> <p>Liebe Grüße</p> <p>Felix Riesterer</p> Trennung von Inhalt und Design Sat, 13 Feb 21 13:51:27 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784085?srt=yes#m1784085 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784085?srt=yes#m1784085 <p>Hallo Gerhard,</p> <p>ich habe für mich folgende Regeln:</p> <p>Style-Angaben, die für (fast) alle Seiten gelten, und das sind die meisten, kommen in ein zentrales Style-Sheet. Style-Angaben, die nur für eine Seite benötigt werden, und die möglicherweise die zentralen Angaben überschreiben, kommen in den Head-Bereich der Seite. Inhaltsnahe Angaben, wie z.b. Fehler sind <span style="color:red">rot</span> setze ich auch schon mal inline. Einfache Style-Angabe, die nur in Verbindung mit einem Javascript benötigt werden, setze ich auch per Javascript. Gruß Jürgen</p> Trennung von Inhalt und Design Sat, 13 Feb 21 11:43:06 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784053?srt=yes#m1784053 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784053?srt=yes#m1784053 <blockquote> <p>Warum sollten verschiedene <code>h2</code> unterschiedliche Abstände nach oben haben?</p> </blockquote> <p>Warum nicht? Wenn wenig Inhalt auf der Seite, möchte ich es nicht oben hinklatschen.</p> Trennung von Inhalt und Design Sat, 13 Feb 21 12:42:01 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784068?srt=yes#m1784068 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784068?srt=yes#m1784068 <p>Hallo,</p> <blockquote> <p>Nein! Das br wäre ja schon Teil des Inhalts (und sollte möglichst wenig verwendet werden,, z.B. bei Lied- oder Verszeilen, der einen Zeilenumbruch benötigen.</p> </blockquote> <p>ich möchte aber doch auch in normalen Texten an bestimmten Stellen den Zeilenumbruch.</p> Trennung von Inhalt und Design Sat, 13 Feb 21 11:47:18 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784056?srt=yes#m1784056 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784056?srt=yes#m1784056 <p>Hallo Gerhard,</p> <p>wovon hängt der "wenige Inhalt" denn ab? Ist die Seite "Gerhard1" voll und die Seite "Gerhard2" eher leer?</p> <p>Oder gibt's nur eine Seite, und der Inhalt wird aus einer Datenbank befüllt?</p> <p>Daran hängt es, wie man hier idealerweise vorgeht.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Trennung von Inhalt und Design Sat, 13 Feb 21 12:00:03 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784058?srt=yes#m1784058 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784058?srt=yes#m1784058 <p>@@Gerhard</p> <blockquote> <blockquote> <p>Warum sollten verschiedene <code>h2</code> unterschiedliche Abstände nach oben haben?</p> </blockquote> <p>Warum nicht? Wenn wenig Inhalt auf der Seite, möchte ich es nicht oben hinklatschen.</p> </blockquote> <p>Und wenn mehr Inhalt auf der Seite ist, dann möchtest du es oben hinklatschen?</p> <p>Erscheint mir nicht ganz schlüssig. Vielleicht verlinkst du mal eine Seite mit wenig und eine Seite mit mehr Inhalt, damit man sich ein Bild machen kann, worum es genau geht.</p> <p>Und „wenig Inhalt“ wäre dann eine Eigenschaft der Seite (des Dokument), ist also als Attribut am <code>html</code>- oder am <code>body</code>-Element richtig aufgehoben:<br> <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>wenig-inhalt<span class="token punctuation">"</span></span><span class="token punctuation">></span></span></code></p> <p>Abstand der Überschrift per Nachfahrenselektor:<br> <code class="language-css"><span class="token selector">.wenig-inhalt h2</span> <span class="token punctuation">{</span> <span class="token property">margin-top</span><span class="token punctuation">:</span> 1rem <span class="token punctuation">}</span></code></p> <p> LLAP</p> <div class="signature">-- <br> <em lang="en">“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”</em> —John Lennon </div> Trennung von Inhalt und Design Sat, 13 Feb 21 12:35:16 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784067?srt=yes#m1784067 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784067?srt=yes#m1784067 <p>Seid ihr da nicht päpstlicher als der Papst!<br> Wenn ich heute eine neue Seite hinzufüge, bei der ich die Überschrift etwas anders darstellen möchte, dann muss ich CSS ergänzen.<br> Wenn ich die Seite wieder entferne, müsste ich logischerweise diesen speziellen Eintrag in der CSS wieder entfernen.</p> Trennung von Inhalt und Design Sat, 13 Feb 21 12:46:39 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784069?srt=yes#m1784069 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784069?srt=yes#m1784069 <p>Hallo,</p> <blockquote> <p>Seid ihr da nicht päpstlicher als der Papst!</p> </blockquote> <p>wenn das trotz des Ausrufezeichens eine Frage sein soll: Nein.</p> <blockquote> <p>Wenn ich heute eine neue Seite hinzufüge, bei der ich die Überschrift etwas anders darstellen möchte, dann muss ich CSS ergänzen.</p> </blockquote> <p>Welchen Grund sollte man haben, die Überschrift "etwas anders" darzustellen? Normalerweise strebt man genau das Gegenteil an: Ein einheitliches Layout.</p> <p>Aber selbst wenn: Natürlich kannst du eine bestimmte Formatierung <em>auf einer Seite</em> abweichend vom Rest machen, indem du dieser Seite ein lokales Stylesheet mitgibst, das bestimmte Regeln aus dem globalen überschreibt.</p> <blockquote> <p>Wenn ich die Seite wieder entferne, müsste ich logischerweise diesen speziellen Eintrag in der CSS wieder entfernen.</p> </blockquote> <p>Das hätte sich bei Verwendung eines lokalen Stylesheets auch von selbst erledigt.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Lieber heimlich schlau als unheimlich blöd. </div> Trennung von Inhalt und Design Sat, 13 Feb 21 12:53:21 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784070?srt=yes#m1784070 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784070?srt=yes#m1784070 <p>Hallo Gerhard,</p> <blockquote> <p>ich möchte aber doch auch in normalen Texten an bestimmten Stellen den Zeilenumbruch.</p> </blockquote> <p>In einem Printlayout kannst du die Zeilenumbrüche getrost festlegen, im Web mit seinen sehr sehr vielen verschiedenen Anzeigemöglichkeiten solltest du auf harte Zeilenumbrüche verzichten.</p> <p>Stell dir vor, du willst nach <hier> einen Zeilenumbruch und das Fenster ist nur sehr schmal.</p> <p>Stell dir vor, du willst nach<br> <hier><br> einen Zeilenumbruch und das<br> Fenster ist nur sehr schmal.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Trennung von Inhalt und Design Sat, 13 Feb 21 12:57:00 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784071?srt=yes#m1784071 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784071?srt=yes#m1784071 <p>Noch ein weiteres Stylesheet für eine Seite, die vielleicht nur wenige Tage lebt! Das heißt "Mit Kanonen auf Katzen schießen"!</p> Trennung von Inhalt und Design Sat, 13 Feb 21 12:59:58 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784074?srt=yes#m1784074 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784074?srt=yes#m1784074 <p>Hallo Matthias,</p> <blockquote> <blockquote> <p>ich möchte aber doch auch in normalen Texten an bestimmten Stellen den Zeilenumbruch.</p> </blockquote> <p>In einem Printlayout kannst du die Zeilenumbrüche getrost festlegen, im Web mit seinen sehr sehr vielen verschiedenen Anzeigemöglichkeiten solltest du auf harte Zeilenumbrüche verzichten.</p> </blockquote> <p>dieser Empfehlung kann ich so pauschal nicht zustimmen.</p> <p>Ein Zeilenumbruch innerhalb eines Absatzes entspricht von der Semantik her etwa dem Semikolon innerhalb eines Satzes: Eine gewollte Unterteilung, die aber nicht so deutlich ist, dass sie einen neuen Satz/Absatz rechtfertigt.</p> <p>Ich nutze beides (Zeilenumbrüche und Semikola) sehr bewusst. Sowohl im Web, im Forum, als auch in Textverarbeitungen.</p> <blockquote> <p>Stell dir vor, du willst nach <hier> einen Zeilenumbruch und das Fenster ist nur sehr schmal.</p> </blockquote> <p>In so einem Fall ist es wirklich unsinnig.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Lieber heimlich schlau als unheimlich blöd. </div> Trennung von Inhalt und Design Sat, 13 Feb 21 13:33:59 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784082?srt=yes#m1784082 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784082?srt=yes#m1784082 <p>Hallo Matthias,</p> <blockquote> <p>Stell dir vor, du willst nach <hier> einen Zeilenumbruch und das Fenster ist nur sehr schmal.</p> <p>Stell dir vor, du willst nach<br> <hier><br> einen Zeilenumbruch und das<br> Fenster ist nur sehr schmal.</p> </blockquote> <p>da möchte ich doch einhaken. Stell dir vor, du willst einen längeren Bericht am PC lesen. Dann möchte ich wie in einem Buch an geeigneten Stellen Zeilenumbrüche. Mache ich mit <br> nicht ähnliches wie das "erlaubte" <p>?</p> Trennung von Inhalt und Design Sat, 13 Feb 21 12:59:30 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784073?srt=yes#m1784073 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784073?srt=yes#m1784073 <p>Lieber Gerhard,</p> <blockquote> <p>Noch ein weiteres Stylesheet für eine Seite, die vielleicht nur wenige Tage lebt!</p> </blockquote> <p>wieso noch eines? Es gibt genau eines, das für alle Seiten gilt!</p> <blockquote> <p>Das heißt "Mit Kanonen auf Katzen schießen"!</p> </blockquote> <p>Achso...</p> <p>Liebe Grüße</p> <p>Felix Riesterer</p> Trennung von Inhalt und Design Sat, 13 Feb 21 13:03:46 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784076?srt=yes#m1784076 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784076?srt=yes#m1784076 <p>Hi,</p> <blockquote> <p>Noch ein weiteres Stylesheet für eine Seite, die vielleicht nur wenige Tage lebt!</p> </blockquote> <p>ja, das sind schätzungsweise vier oder fünf Zeilen im head der einen Seite, die anders sein will.</p> <blockquote> <p>Das heißt "Mit Kanonen auf Katzen schießen"!</p> </blockquote> <p>Wenn du meinst ...</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Lieber heimlich schlau als unheimlich blöd. </div> +1, + Ergänzung Sun, 14 Feb 21 12:24:38 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784132?srt=yes#m1784132 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784132?srt=yes#m1784132 <blockquote> <p>Aber ja, wenn Du die technische Trennung meinst, dann gehört jegliche(!!) Gestaltungsanweisung in ein Stylesheet (CSS-Datei) und nicht in style-Attribute innerhalb Deines Dokuments.</p> </blockquote> <p><strong>Genau!</strong></p> <p>Dafür kann es auch den technischen Grund geben, dass man aus Sicherheitsgründen (externe Inhalte, usergenerierte Inhalte) recht strenge HTTP-Header (dort</p> <pre><code class="block language-http">Content-Security-Policy, default-src 'self' [HOSTNAME]; </code></pre> <p>senden will (oder irgendwann soll). Dann würde ein halbwegs moderner Browser Style-Attribute (übrigens auch Javascript) innerhalb des Dokuments erheblich misstrauen und diese also nicht beachten.</p> <p>Also ist es besser, dass Zeug gleich rauszuhalten und nur IDs oder Klassennamen zu vergeben und das Aussehen dann über externe Dateien zu bestimmen.</p> <ul> <li><a href="https://wiki.selfhtml.org/wiki/Sicherheit/Content_Security_Policy" rel="nofollow noopener noreferrer">Content-Security-Policy im Selfhtml-Wiki</a></li> </ul> Trennung von Inhalt und Design Sat, 13 Feb 21 13:20:15 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784079?srt=yes#m1784079 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784079?srt=yes#m1784079 <p>Hallo Der Martin,</p> <blockquote> <p>Ein Zeilenumbruch innerhalb eines Absatzes entspricht von der Semantik her etwa dem Semikolon innerhalb eines Satzes: Eine gewollte Unterteilung, die aber nicht so deutlich ist, dass sie einen neuen Satz/Absatz rechtfertigt.</p> <p>Ich nutze beides (Zeilenumbrüche und Semikola) sehr bewusst. Sowohl im Web, im Forum, als auch in Textverarbeitungen.</p> </blockquote> <p>Ja, das gehört meiner Meinung nach in dieselbe Rubrik wie Versenden. </p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Trennung von Inhalt und Design Mon, 15 Feb 21 11:08:04 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784166?srt=yes#m1784166 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784166?srt=yes#m1784166 <p>Hallo,</p> <p>ich verstehe nicht ganz, wieso man erst um Hilfe fragt und dann alle Antworten doof findet. Aber sei es drum.</p> <p>Ordne doch dem <h2>-Element einfach eine entsprechende css-Klasse zu.</p> <p>html</p> <pre><code class="block"><h2>Überschrift mit wenig Margin</h2> <h2 class="margin-large-top">Überschrift mit viel Margin</h2> </code></pre> <p>style.css:</p> <pre><code class="block">.margin-large-top{ margin-top: 10rem;} </code></pre> <blockquote> <blockquote> <p>Das heißt "Mit Kanonen auf Katzen schießen"!</p> </blockquote> </blockquote> <p>Ich dachte, es hieße: "Mit Kanonen auf Spatzen schießen."</p> <p>Beste Grüße</p> <p>Ben</p> Trennung von Inhalt und Design Sat, 13 Feb 21 13:54:32 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784086?srt=yes#m1784086 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784086?srt=yes#m1784086 <p>Hallo,</p> <blockquote> <p>Ja, das gehört meiner Meinung nach in dieselbe Rubrik wie Versenden. </p> </blockquote> <p>ja, Zusammenschreiben ist cool. </p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Lieber heimlich schlau als unheimlich blöd. </div> Trennung von Inhalt und Design Sat, 13 Feb 21 17:23:54 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784094?srt=yes#m1784094 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784094?srt=yes#m1784094 <p>Hallo Frenzi,</p> <p>ich glaube, dass die Diskussion hier auseinander läuft. Paragraphen und Zeilenumbrüche haben eine unterschiedliche Semantik, und ein zwanghafter Zeilenumbruch wegen eines gedanklichen Absatzes kommt mir auch merkwürdig vor.</p> <p><br> ist etwas, das man im HTML - meine ich - nur ganz selten braucht. In den meisten Fällen gehört es durch Margins im CSS ersetzt, oder das Dokument sollte an der Stelle als Liste oder <pre> Bereich gestaltet werden. Man ist in Formularen auch gern zum <br> verleitet, aber da weiche ich gerne dahin aus, <code>label { display:block; }</code> in den Style zu schreiben und die input-Elemente als Kind der label-Elemente einzusetzen.</p> <p>Im Kontext dieses Threads ist es so, dass das <br> vor einer Überschrift ein margin sein möchte.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Trennung von Inhalt und Design Sat, 13 Feb 21 17:28:52 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784096?srt=yes#m1784096 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784096?srt=yes#m1784096 <p>Hi,</p> <blockquote> <p>Inhaltsnahe Angaben, wie z.b. Fehler sind <span style="color:red">rot</span> setze ich auch schon mal inline.</p> </blockquote> <p><code>.error { color:red; }</code> + <code>class='error'</code></p> <p>und ein nachträgliches Ändern auf ein anderes Aussehen ist viel einfacher.</p> <p>cu,<br> Andreas a/k/a MudGuard</p> Trennung von Inhalt und Design Sat, 13 Feb 21 17:32:14 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784097?srt=yes#m1784097 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784097?srt=yes#m1784097 <p>Hallo,</p> <blockquote> <blockquote> <p>Inhaltsnahe Angaben, wie z.b. Fehler sind <span style="color:red">rot</span> setze ich auch schon mal inline.</p> </blockquote> <p><code>.error { color:red; }</code> + <code>class='error'</code></p> <p>und ein nachträgliches Ändern auf ein anderes Aussehen ist viel einfacher.</p> </blockquote> <p>nein, weil ich es dann an zwei Stellen ändern muss.</p> <p>Gruß<br> Jürgen</p> Trennung von Inhalt und Design Sat, 13 Feb 21 17:35:48 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784098?srt=yes#m1784098 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784098?srt=yes#m1784098 <p>Hallo JürgenB,</p> <p>nee, du änderst einmal den .error Style und setzt ggf. an 42 Stellen im Code einen Fehlerzustand (was Du vielleicht in einer Funktion zentralisiert hast, weshalb es Dir nicht so vorkommt).</p> <p>Farben im style-Attribut zu setzen halte ich ebenfalls für verfehlt. Custom Properties, ja. Positionsangaben, ja. Der Rest: hm. Höchstens in einem WYSIWIG Editor, wo der Anwender explizit Stile für markierte Bereiche setzen kann.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Trennung von Inhalt und Design Sat, 13 Feb 21 18:21:54 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784101?srt=yes#m1784101 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784101?srt=yes#m1784101 <p>Jetzt diskutiert man also, bei welcher Vorgehensweise der Aufwand höher ist.<br> Wenn ich an einer einzigen Stelle in einer Seite ein abweichendes H2 haben möchte, dann ist der Aufwand wesentlich geringer, wenn ich wie im Eingangsbeitrag geschrieben nur das HTML ändere.<br> Der Aufwand sollte nach meiner Meinung immer berücksichtigt werden.<br> Langlebiges Dokument - größerer Aufwand vertretbar, nur kurzfristige Dokumente (z.B. News vom Tage) geringerer Aufwand.</p> <p>Wie sieht es eigentlich mit <strong> aus? Ich verwende es um einzelne Worte hervorzuheben.</p> Trennung von Inhalt und Design Sat, 13 Feb 21 19:20:27 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784103?srt=yes#m1784103 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784103?srt=yes#m1784103 <p>Hallo Gerhard,</p> <blockquote> <p>Wenn ich an einer einzigen Stelle in einer Seite ein abweichendes H2 haben möchte</p> </blockquote> <p>…dann solltest Du Dich fragen, warum Du das willst. <h2> ist eine Überschrift, und in einem Dokument sollten Überschriften einheitlich sein.</p> <p>Wie man es dann im Einzelfall umsetzt, hängt aber auch an der Art der Abweichung. Einen zusätzlichen Margin für eine einzelne Überschrift, tja, bevor ich da Gutachter beauftrage, würde ich vermutlich auch mal schnell ein style-Attribut notieren. Oder doch eine Klasse setzen und im <style> Element des <head> die Klasse definieren? Vielleicht liegt es auch daran, dass dieses h2 auf ein bestimmtes anderes Ding folgt und in der Kombination dieses Dings mit h2 ist der Zusatzabstand etwas, das man immer haben möchte? In dem Fall würde man mit einem + oder ~ Kombinator (Nachbar oder Geschwister) besser fahren.</p> <p>Heißt: dein style="margin-top:1rem" kann im Einzelfall die beste Lösung sein. Oder eben auch nicht. Was man dazu an Überlegungen anstellen kann, könnte in der Diskussion hier deutlich geworden sein. Ein <br> Element für Zusatzabstand ist aber niemals richtig.</p> <p>Man muss sich einfach nur der Tatsache bewusst sein, dass alles, was im HTML zwecks Stylings notiert wird, Potenzial zum Stören hat. Und wenn man sich entscheidet, das an einer Stelle mal hinzunehmen, na gut. Dieses Entscheidungsrecht hat jeder von uns. Und jeder hat andere Vorstellungen von "das stört zu sehr" oder eben nicht. Das letzte Wort hast Du. Und Du weißt dann im Zweifelsfall auch, dass Du Dich aus Kostengründen über bestimmte Grundsätze hinweggesetzt hast. Sowas kriegt einen langfristig am A...llerwertesten, aber wen interessiert das bei kurzlebigen Seiten.</p> <p>Ich möchte da aber auch eine Weisheit meiner ersten Chefin entgegen halten: Nichts hält so lange wie ein gutes Provisorium. Verlass Dich also nicht bedingungslos auf die Kurzlebigkeit deiner Krücken. Das kann schiefgehen.</p> <p>Zu deiner Anmerkung:</p> <p><strong> und <em> dienen dazu, wichtige Begriffe oder Passagen hervorzuheben. Dass dabei eine Fett- oder Kursivsatz erfolgt, ist ein Nebeneffekt und kann - rein theoretisch - je nach Browser unterschiedlich sein.</p> <p>Ok, ist es nicht. strong ist fett und em ist kursiv, und man soll die alten <b> und <i> Elemente nicht mehr dafür verwenden. Aber wenn Du <strong>nur</strong> etwas fett setzen möchtest, ohne dass der fette Inhalt auch tatsächlich besondere Wichtigkeit aufweist, dann ist <b> eher angebracht als <strong>. Oder eine Regel im CSS mit font-weight, je nach dem Umständen.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> strong Sun, 14 Feb 21 12:39:06 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784133?srt=yes#m1784133 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784133?srt=yes#m1784133 <blockquote> <p>Wie sieht es eigentlich mit <strong> aus? Ich verwende es um einzelne Worte hervorzuheben.</p> </blockquote> <p><code><strong></code> ist Semantik und kann je nach Spracheinstellung und Landessitte durch den Browser fett, kursiv oder meinetwegen „hinterhimmelblau“ dargestellt werden. Auch beim Vorlesen kann der synthetische Redner z.B. lauter werden. Der medienerfahrene Zuhörer denkt dann, das sei die Werbung.</p> Trennung von Inhalt und Design Sat, 13 Feb 21 21:29:38 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784107?srt=yes#m1784107 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784107?srt=yes#m1784107 <p>Hallo Rolf,</p> <blockquote> <p><strong> und <em> dienen dazu, wichtige Begriffe oder Passagen hervorzuheben.</p> </blockquote> <p>Warum soll ich dann, wenn ich etwas mit rot hervorheben möchte, dies in CSS-Dateien realisieren und obiges nicht? Ich blicke nicht mehr durch.</p> Trennung von Inhalt und Design Sat, 13 Feb 21 21:46:52 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784109?srt=yes#m1784109 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784109?srt=yes#m1784109 <p>Hallo Gerhard,</p> <p>wie ich im vorigen Posting sagte: Es ist auch eine Abwägungssache. <code>style="color:red"</code> kann eine Sünde sein, aber auch die für den Zweck beste Lösung. Es kommt eben auf den Kontext an.</p> <p>Das ist eins der besten Zitate aus Star Trek Discoball - äh - Discovery. In der deutschen Übersetzung lässt es allerdings etwas nach.</p> <blockquote> <p>"Universal law is for lackeys," he (Lorca) notes, "context is for kings".</p> </blockquote> <p>Wenn Du Dich dabei ertappst, ständig irgendwo "color:red" in style-Attribute zu tippen, dann wäre das aber ein Anlass zum Nachdenken.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Trennung von Inhalt und Design Sat, 13 Feb 21 23:36:15 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784111?srt=yes#m1784111 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784111?srt=yes#m1784111 <p>@@Gerhard</p> <blockquote> <blockquote> <p><strong> und <em> dienen dazu, wichtige Begriffe oder Passagen hervorzuheben.</p> </blockquote> <p>Warum soll ich dann, wenn ich etwas mit rot hervorheben möchte, dies in CSS-Dateien realisieren und obiges nicht?</p> </blockquote> <p>Du realisierst <em>beide</em> Hervorhebungen im HTML – eben indem du Begriffe oder Passagen mit <code>strong</code>- bzw. <code>em</code>-Elementen auszeichnest.</p> <p>Wenn dir die Default-Darstellung (i.d.R. fett bzw. kursiv) zusagt, musst du im CSS nichts weiter tun. Wenn du eine andere Darstellung (bspw. andere Farbe) möchtest, musst du entsprechende Regeln im CSS angeben.</p> <p>Wobei Farbe zur Hervorhebung mit Vorsicht zu verwenden ist. Nutzer:innen können farblich Hervorgehebenes leicht mit Links verwechseln.</p> <p> LLAP</p> <div class="signature">-- <br> <em lang="en">“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”</em> —John Lennon </div> Trennung von Inhalt und Design Sun, 14 Feb 21 11:49:09 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784128?srt=yes#m1784128 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784128?srt=yes#m1784128 <p>Hallo Gunnar, was ich mit meinem letzen Post aussrücken wollte: Es wird gepredigt, Inhalt und Design zu trennen. Warum sind dann z.B. strong und em im Inhaltstext nicht depreciated? Gruß Gerhard</p> Trennung von Inhalt und Design Sun, 14 Feb 21 11:53:25 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784129?srt=yes#m1784129 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784129?srt=yes#m1784129 <p>Hallo Gerhard,</p> <blockquote> <p>Es wird gepredigt, Inhalt und Design zu trennen. Warum sind dann z.B. strong und em im Inhaltstext nicht depreciated?</p> </blockquote> <p>strong und em zeichnen einen Text als (stark) betont aus. Die Darstellung ist davon vollkommen unabhängig. Auch ein Screenreader liest die Betonung vor.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Trennung von Inhalt und Design Sun, 14 Feb 21 11:59:26 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784131?srt=yes#m1784131 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784131?srt=yes#m1784131 <blockquote> <p>Hallo Gunnar, was ich mit meinem letzen Post aussrücken wollte: Es wird gepredigt, Inhalt und Design zu trennen. Warum sind dann z.B. strong und em im Inhaltstext nicht depreciated? Gruß Gerhard</p> </blockquote> <p>Hallo Gerhard,</p> <p>weil des <strong>semantische</strong> Auszeichnungen sind. Diese besagen nur das der so eingeschlossene Text betont ist (<code>em</code>), oder stark betont ist (<code>strong</code>). Wie die Darstellung erfolgt wird über CSS festgelegt. Die HTML Spezifikation (https://html.spec.whatwg.org) enthält eine sehr gute Beschreibung, wie <code>em</code>, <code>strong</code>, <code>b</code> oder <code>i</code> eingesetzt werden sollen. Wir die Darstellung aussieht, wird im Stylesheet festgelegt, sinnvollerweise in einem zentralen Stylesheet. Inline-Styles sollten meines Erachtens ein absolute Ausnahme sein, sinnvoller ist es im Zweifelsfall einem Element, das einen individuellen Style erhalten soll, eine ID zu geben, und diese im Stylesheet zu verwenden.</p> <p>Man sollte außerdem nicht vergessen, dass es nicht nur die visuelle Ausgabe gibt. Ein Screenreader kann z.B. <code>em</code> ebenfalls interpretieren, und die Aussprache entsprechend anpassen.</p> <p>Beste Grüße</p> <p>Jens</p> Trennung von Inhalt und Design Sun, 14 Feb 21 13:08:32 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784137?srt=yes#m1784137 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784137?srt=yes#m1784137 <p>@@jensp</p> <blockquote> <p>Die HTML Spezifikation (https://html.spec.whatwg.org) enthält eine sehr gute Beschreibung, wie <code>em</code>, <code>strong</code>, <code>b</code> oder <code>i</code> eingesetzt werden sollen.</p> </blockquote> <p>Und dann gibt’s da noch <a href="https://www.w3.org/International/questions/qa-b-and-i-tags.de" rel="nofollow noopener noreferrer">Verwendung von b- und i-Elementen</a>.</p> <p> LLAP</p> <div class="signature">-- <br> <em lang="en">“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”</em> —John Lennon </div> Trennung von Inhalt und Design Mon, 15 Feb 21 14:16:42 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784187?srt=yes#m1784187 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784187?srt=yes#m1784187 <p>Für mich kann eine Farbdarstellung genau so eine Hervorhebung sein wie em, strong, b, i. Umgekehrt gilt dann, wenn eine Farbangabe nicht in den Text gehört, dann auch nicht em, strong, b, i.</p> <blockquote> <p>Und dann gibt’s da noch <a href="https://www.w3.org/International/questions/qa-b-and-i-tags.de" rel="nofollow noopener noreferrer">Verwendung von b- und i-Elementen</a>.</p> </blockquote> <p>Und wenn noch auf potentielle Übersetzungen ins Japanische Rücksicht genommen werden soll, dann ist das wohl stark übertrieben.</p> Trennung von Inhalt und Design Mon, 15 Feb 21 11:31:17 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784168?srt=yes#m1784168 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784168?srt=yes#m1784168 <p>@@vapita</p> <blockquote> <p>Ordne doch dem <h2>-Element einfach eine entsprechende css-Klasse zu.</p> </blockquote> <p><a href="https://bittersmann.de/talks/sachen-gibts-die-gibts-gar-nicht" rel="nofollow noopener noreferrer">Sachen gibt’s, die gibt’s gar nicht.</a> „CSS-Klassen“ gehören auch dazu.</p> <p>Der Hinweis, dem <code>h2</code>-Element eine Klasse zu verpassen, kam auch schon längst. Wie auch <a href="https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784058#m1784058" rel="noopener noreferrer">mein Einwand</a>, dass eine solche Klasse am <code>html</code>- oder <code>body</code>-Element besser aufgehoben wäre.</p> <p> LLAP</p> <div class="signature">-- <br> <em lang="en">“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”</em> —John Lennon </div> Trennung von Inhalt und Design Mon, 15 Feb 21 11:32:14 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784169?srt=yes#m1784169 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784169?srt=yes#m1784169 <p>Hi,</p> <blockquote> <p>ich verstehe nicht ganz, wieso man erst um Hilfe fragt und dann alle Antworten doof findet. Aber sei es drum.</p> </blockquote> <p>warum sagst du <strong>mir</strong> das?</p> <blockquote> <blockquote> <blockquote> <p>Das heißt "Mit Kanonen auf Katzen schießen"!</p> </blockquote> </blockquote> <p>Ich dachte, es hieße: "Mit Kanonen auf Spatzen schießen."</p> </blockquote> <p>"Mit Elefanten nach Mücken werfen." </p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Lieber heimlich schlau als unheimlich blöd. </div> Trennung von Inhalt und Design Mon, 15 Feb 21 13:03:43 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784176?srt=yes#m1784176 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784176?srt=yes#m1784176 <p>Hi,</p> <blockquote> <blockquote> <blockquote> <p>Das heißt "Mit Kanonen auf Katzen schießen"! Ich dachte, es hieße: "Mit Kanonen auf Spatzen schießen."</p> </blockquote> </blockquote> </blockquote> <p>Nein, "Mit Spatzen auf Kanonen scheißen".</p> <p>cu,<br> Andreas a/k/a MudGuard</p> Trennung von Inhalt und Design Mon, 15 Feb 21 13:48:31 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784185?srt=yes#m1784185 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784185?srt=yes#m1784185 <p>Hallo,</p> <blockquote> <blockquote> <blockquote> <blockquote> <p>Das heißt "Mit Kanonen auf Katzen schießen"! Ich dachte, es hieße: "Mit Kanonen auf Spatzen schießen."</p> </blockquote> </blockquote> </blockquote> <p>Nein, "Mit Spatzen auf Kanonen scheißen".</p> </blockquote> <p>ja ja, das Leben ist kein Ponyschlecken.</p> <p>Gruß<br> Jürgen</p> Trennung von Inhalt und Design Mon, 15 Feb 21 14:07:14 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784186?srt=yes#m1784186 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784186?srt=yes#m1784186 <p>Hallo,</p> <blockquote> <blockquote> <blockquote> <blockquote> <blockquote> <p>Das heißt "Mit Kanonen auf Katzen schießen"! Ich dachte, es hieße: "Mit Kanonen auf Spatzen schießen."</p> </blockquote> </blockquote> </blockquote> <p>Nein, "Mit Spatzen auf Kanonen scheißen".</p> </blockquote> <p>ja ja, das Leben ist kein Ponyschlecken.</p> </blockquote> <p>auch nicht auf dem Porzellan-Hof?</p> <p>Gruß<br> Kalk</p> Trennung von Inhalt und Design Mon, 15 Feb 21 17:22:56 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784200?srt=yes#m1784200 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784200?srt=yes#m1784200 <p>Hi,</p> <blockquote> <blockquote> <blockquote> <blockquote> <blockquote> <blockquote> <p>Das heißt "Mit Kanonen auf Katzen schießen"! Ich dachte, es hieße: "Mit Kanonen auf Spatzen schießen."</p> </blockquote> </blockquote> </blockquote> <p>Nein, "Mit Spatzen auf Kanonen scheißen".</p> </blockquote> <p>ja ja, das Leben ist kein Ponyschlecken.</p> </blockquote> <p>auch nicht auf dem Porzellan-Hof?</p> </blockquote> <p>Elefanten sind die Mütter der Porzellankisten </p> <p>cu,<br> Andreas a/k/a MudGuard</p> Trennung von Inhalt und Design Mon, 15 Feb 21 14:50:54 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784189?srt=yes#m1784189 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784189?srt=yes#m1784189 <p>Hallo</p> <p>Nur mal so nebenbei, als weiterer Denkanstoß.</p> <blockquote> <p>Für mich kann eine Farbdarstellung genau so eine Hervorhebung sein wie em, strong, b, i.</p> </blockquote> <p>Das mag für dich zutreffen, aber trifft das auch auf alle deine Besucher zu? Farbfehlsichtigkeiten sind weit verbreitet. Als Ergebnis dessen kann eine rein farbliche Hervorhebung für den einen oder anderen nicht erkennbar sein. Für verschiedene Menschen sind zudem auch verschiedene Farben schwer oder nicht erkennbar. Es ist ein weites Feld, auf dem man sich bei diesem Thema bewegt.</p> <p>Es für <em>alle</em> Fälle richtig zu machen, ist (mindestens) nicht leicht. Es ist aber leicht, es nicht schlimmer zu machen, indem man weitere Hürden einbaut.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br> <em>Hohle Köpfe</em> von Terry Pratchett </div> Trennung von Inhalt und Design Mon, 15 Feb 21 15:05:46 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784191?srt=yes#m1784191 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784191?srt=yes#m1784191 <p>@@Gerhard</p> <blockquote> <p>Für mich kann eine Farbdarstellung genau so eine Hervorhebung sein wie em, strong, b, i.</p> </blockquote> <p>Nein, nicht auf Webseiten. Aber das sagte ich schon.</p> <blockquote> <p>Umgekehrt gilt dann, wenn eine Farbangabe nicht in den Text gehört, dann auch nicht em, strong, b, i.</p> </blockquote> <p>Was genau meinst du mit „dem Text“?</p> <p>Wenn du den HTML-Quelltext meinst, ist die Aussage falsch.</p> <p>Wenn du was anderes meinst, macht der Satz keinen Sinn.</p> <blockquote> <blockquote> <p>Und dann gibt’s da noch <a href="https://www.w3.org/International/questions/qa-b-and-i-tags.de" rel="nofollow noopener noreferrer">Verwendung von b- und i-Elementen</a>.</p> </blockquote> <p>Und wenn noch auf potentielle Übersetzungen ins Japanische Rücksicht genommen werden soll, dann ist das wohl stark übertrieben.</p> </blockquote> <p>Du hast den Artikel gelesen und verstanden?</p> <p> LLAP</p> <div class="signature">-- <br> <em lang="en">“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”</em> —John Lennon </div> Trennung von Inhalt und Design Mon, 15 Feb 21 15:55:12 Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784195?srt=yes#m1784195 https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784195?srt=yes#m1784195 <p>Hallo Gerhard,</p> <blockquote> <p>Für mich kann eine Farbdarstellung genau so eine Hervorhebung sein wie em, strong, b, i. Umgekehrt gilt dann, wenn eine Farbangabe nicht in den Text gehört, dann auch nicht em, strong, b, i.</p> </blockquote> <p>em, strong, b und i sind definierte Elemente der Sprache HTML. Darstellungen gibt es auf der Ebene HTML nicht.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div>