tag:forum.selfhtml.org,2005:/self Trennung von Inhalt und Design – SELFHTML-Forum 2021-02-15T17:22:56Z https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784042?srt=yes#m1784042 Gerhard 2021-02-13T10:23:50Z 2021-02-13T10:23:50Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784043?srt=yes#m1784043 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2021-02-13T10:30:27Z 2021-02-13T11:59:31Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784044?srt=yes#m1784044 Matthias Scharwies mscharwies@selfhtml.org 2021-02-13T10:30:31Z 2021-02-13T10:30:31Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784072?srt=yes#m1784072 Felix Riesterer https://felix-riesterer.de 2021-02-13T12:57:51Z 2021-02-13T12:57:51Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784085?srt=yes#m1784085 JürgenB https://www.j-berkemeier.de 2021-02-13T13:51:27Z 2021-02-13T13:51:27Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784053?srt=yes#m1784053 Gerhard 2021-02-13T11:43:06Z 2021-02-13T11:43:06Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784068?srt=yes#m1784068 Gerhard 2021-02-13T12:42:01Z 2021-02-13T12:42:01Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784056?srt=yes#m1784056 Rolf B 2021-02-13T11:47:18Z 2021-02-13T11:47:18Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784058?srt=yes#m1784058 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2021-02-13T12:00:03Z 2021-02-13T12:00:03Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784067?srt=yes#m1784067 Gerhard 2021-02-13T12:35:16Z 2021-02-13T12:35:16Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784069?srt=yes#m1784069 Der Martin 2021-02-13T12:46:39Z 2021-02-13T12:46:39Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784070?srt=yes#m1784070 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2021-02-13T12:53:21Z 2021-02-13T12:53:21Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784071?srt=yes#m1784071 Gerhard 2021-02-13T12:57:00Z 2021-02-13T12:57:00Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784074?srt=yes#m1784074 Der Martin 2021-02-13T12:59:58Z 2021-02-13T12:59:58Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784082?srt=yes#m1784082 Frenzi 2021-02-13T13:33:59Z 2021-02-13T13:33:59Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784073?srt=yes#m1784073 Felix Riesterer https://felix-riesterer.de 2021-02-13T12:59:30Z 2021-02-13T12:59:30Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784076?srt=yes#m1784076 Der Martin 2021-02-13T13:03:46Z 2021-02-13T13:03:46Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784132?srt=yes#m1784132 Raketensicherheitsbeauftragter 2021-02-14T12:24:38Z 2021-02-14T12:24:38Z +1, + Ergänzung <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784079?srt=yes#m1784079 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2021-02-13T13:20:15Z 2021-02-13T13:20:15Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784166?srt=yes#m1784166 vapita https://www.vapita.de 2021-02-15T11:08:04Z 2021-02-15T11:08:04Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784086?srt=yes#m1784086 Der Martin 2021-02-13T13:54:32Z 2021-02-13T13:54:32Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784094?srt=yes#m1784094 Rolf B 2021-02-13T17:23:54Z 2021-02-13T17:23:54Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784096?srt=yes#m1784096 MudGuard http://www.andreas-waechter.de/ 2021-02-13T17:28:52Z 2021-02-13T17:28:52Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784097?srt=yes#m1784097 JürgenB https://www.j-berkemeier.de 2021-02-13T17:32:14Z 2021-02-13T17:32:14Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784098?srt=yes#m1784098 Rolf B 2021-02-13T17:35:48Z 2021-02-13T17:35:48Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784101?srt=yes#m1784101 Gerhard 2021-02-13T18:21:54Z 2021-02-13T18:21:54Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784103?srt=yes#m1784103 Rolf B 2021-02-13T19:20:27Z 2021-02-13T19:22:30Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784133?srt=yes#m1784133 Raketeninterpreter 2021-02-14T12:39:06Z 2021-02-14T12:39:06Z strong <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784107?srt=yes#m1784107 Gerhard 2021-02-13T21:29:38Z 2021-02-13T21:29:38Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784109?srt=yes#m1784109 Rolf B 2021-02-13T21:46:52Z 2021-02-13T21:46:52Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784111?srt=yes#m1784111 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2021-02-13T23:36:15Z 2021-02-13T23:40:42Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784128?srt=yes#m1784128 Gerhard 2021-02-14T11:49:09Z 2021-02-14T11:49:09Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784129?srt=yes#m1784129 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2021-02-14T11:53:25Z 2021-02-14T11:53:25Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784131?srt=yes#m1784131 jensp 2021-02-14T11:59:26Z 2021-02-14T11:59:26Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784137?srt=yes#m1784137 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2021-02-14T13:08:32Z 2021-02-14T13:08:32Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784187?srt=yes#m1784187 Gerhard 2021-02-15T14:16:42Z 2021-02-15T14:16:42Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784168?srt=yes#m1784168 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2021-02-15T11:31:17Z 2021-02-15T11:31:17Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784169?srt=yes#m1784169 Der Martin 2021-02-15T11:32:14Z 2021-02-15T11:38:04Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784176?srt=yes#m1784176 MudGuard http://www.andreas-waechter.de/ 2021-02-15T13:03:43Z 2021-02-15T13:03:43Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784185?srt=yes#m1784185 JürgenB https://www.j-berkemeier.de 2021-02-15T13:48:31Z 2021-02-15T13:48:31Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784186?srt=yes#m1784186 Tabellenkalk 2021-02-15T14:07:14Z 2021-02-15T14:07:14Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784200?srt=yes#m1784200 MudGuard http://www.andreas-waechter.de/ 2021-02-15T17:22:56Z 2021-02-15T17:22:56Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784189?srt=yes#m1784189 Auge 2021-02-15T14:50:54Z 2021-02-15T14:50:54Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784191?srt=yes#m1784191 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2021-02-15T15:05:46Z 2021-02-15T15:05:46Z Trennung von Inhalt und Design <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> https://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784195?srt=yes#m1784195 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2021-02-15T15:55:12Z 2021-02-15T15:55:12Z Trennung von Inhalt und Design <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>