tag:forum.selfhtml.org,2005:/selfTrennung von Inhalt und Design – SELFHTML-Forum2021-02-15T17:22:56Zhttps://forum.selfhtml.org/self/2021/feb/13/trennung-von-inhalt-und-design/1784042?srt=yes#m1784042Gerhard2021-02-13T10:23:50Z2021-02-13T10:23:50ZTrennung 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#m1784043Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2021-02-13T10:30:27Z2021-02-13T11:59:31ZTrennung 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#m1784044Matthias Scharwiesmscharwies@selfhtml.org2021-02-13T10:30:31Z2021-02-13T10:30:31ZTrennung 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#m1784072Felix Riestererhttps://felix-riesterer.de2021-02-13T12:57:51Z2021-02-13T12:57:51ZTrennung 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#m1784085JürgenBhttps://www.j-berkemeier.de2021-02-13T13:51:27Z2021-02-13T13:51:27ZTrennung 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#m1784053Gerhard2021-02-13T11:43:06Z2021-02-13T11:43:06ZTrennung 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#m1784068Gerhard2021-02-13T12:42:01Z2021-02-13T12:42:01ZTrennung 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#m1784056Rolf B2021-02-13T11:47:18Z2021-02-13T11:47:18ZTrennung 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#m1784058Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2021-02-13T12:00:03Z2021-02-13T12:00:03ZTrennung 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#m1784067Gerhard2021-02-13T12:35:16Z2021-02-13T12:35:16ZTrennung 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#m1784069Der Martin2021-02-13T12:46:39Z2021-02-13T12:46:39ZTrennung 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#m1784070Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2021-02-13T12:53:21Z2021-02-13T12:53:21ZTrennung 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#m1784071Gerhard2021-02-13T12:57:00Z2021-02-13T12:57:00ZTrennung 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#m1784074Der Martin2021-02-13T12:59:58Z2021-02-13T12:59:58ZTrennung 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#m1784082Frenzi2021-02-13T13:33:59Z2021-02-13T13:33:59ZTrennung 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#m1784073Felix Riestererhttps://felix-riesterer.de2021-02-13T12:59:30Z2021-02-13T12:59:30ZTrennung 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#m1784076Der Martin2021-02-13T13:03:46Z2021-02-13T13:03:46ZTrennung 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#m1784132Raketensicherheitsbeauftragter2021-02-14T12:24:38Z2021-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#m1784079Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2021-02-13T13:20:15Z2021-02-13T13:20:15ZTrennung 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#m1784166vapitahttps://www.vapita.de2021-02-15T11:08:04Z2021-02-15T11:08:04ZTrennung 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#m1784086Der Martin2021-02-13T13:54:32Z2021-02-13T13:54:32ZTrennung 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#m1784094Rolf B2021-02-13T17:23:54Z2021-02-13T17:23:54ZTrennung 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#m1784096MudGuardhttp://www.andreas-waechter.de/2021-02-13T17:28:52Z2021-02-13T17:28:52ZTrennung 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#m1784097JürgenBhttps://www.j-berkemeier.de2021-02-13T17:32:14Z2021-02-13T17:32:14ZTrennung 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#m1784098Rolf B2021-02-13T17:35:48Z2021-02-13T17:35:48ZTrennung 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#m1784101Gerhard2021-02-13T18:21:54Z2021-02-13T18:21:54ZTrennung 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#m1784103Rolf B2021-02-13T19:20:27Z2021-02-13T19:22:30ZTrennung 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#m1784133Raketeninterpreter2021-02-14T12:39:06Z2021-02-14T12:39:06Zstrong<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#m1784107Gerhard2021-02-13T21:29:38Z2021-02-13T21:29:38ZTrennung 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#m1784109Rolf B2021-02-13T21:46:52Z2021-02-13T21:46:52ZTrennung 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#m1784111Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2021-02-13T23:36:15Z2021-02-13T23:40:42ZTrennung 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#m1784128Gerhard2021-02-14T11:49:09Z2021-02-14T11:49:09ZTrennung 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#m1784129Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2021-02-14T11:53:25Z2021-02-14T11:53:25ZTrennung 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#m1784131jensp2021-02-14T11:59:26Z2021-02-14T11:59:26ZTrennung 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#m1784137Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2021-02-14T13:08:32Z2021-02-14T13:08:32ZTrennung 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#m1784187Gerhard2021-02-15T14:16:42Z2021-02-15T14:16:42ZTrennung 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#m1784168Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2021-02-15T11:31:17Z2021-02-15T11:31:17ZTrennung 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#m1784169Der Martin2021-02-15T11:32:14Z2021-02-15T11:38:04ZTrennung 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#m1784176MudGuardhttp://www.andreas-waechter.de/2021-02-15T13:03:43Z2021-02-15T13:03:43ZTrennung 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#m1784185JürgenBhttps://www.j-berkemeier.de2021-02-15T13:48:31Z2021-02-15T13:48:31ZTrennung 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#m1784186Tabellenkalk2021-02-15T14:07:14Z2021-02-15T14:07:14ZTrennung 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#m1784200MudGuardhttp://www.andreas-waechter.de/2021-02-15T17:22:56Z2021-02-15T17:22:56ZTrennung 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#m1784189Auge2021-02-15T14:50:54Z2021-02-15T14:50:54ZTrennung 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#m1784191Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2021-02-15T15:05:46Z2021-02-15T15:05:46ZTrennung 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#m1784195Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2021-02-15T15:55:12Z2021-02-15T15:55:12ZTrennung 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>