tag:forum.selfhtml.org,2005:/self Ist das Kunst oder kann das weg? - Inhalte als obsolet markieren – SELFHTML-Blog 2021-09-30T04:19:49Z https://forum.selfhtml.org/weblog/2021/sep/30/ist-das-kunst-oder-kann-das-weg-inhalte-als-obsolet-markieren/1792017#m1792017 Matthias Scharwies mscharwies@selfhtml.org 2021-09-30T04:19:49Z 2021-09-30T04:19:49Z Ist das Kunst oder kann das weg? - Inhalte als obsolet markieren <p><strong>Das Internet vergisst nie!</strong></p> <p>… ist eins jener Schlagworte, die sich bei genauem Blick als weitgehend falsch erweisen. Viele interessante Seiten und Artikel lassen sich nicht mehr finden, da sie gelöscht oder durch neuere Versionen ersetzt wurden.</p> <p>Deshalb kann es interessant sein, <strong>veraltete Inhalte als obsolet zu markieren</strong> und in einem <strong>Archiv</strong> weiterhin zur Verfügung zu stellen.</p> <p>Wie kann man solche Webseiten aber <strong>eindeutig als veraltet</strong> kennzeichnen? <sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup></p> <p>Ein Wasserzeichen mag auf den ersten Augenblick verlockend scheinen, bietet dann aber immer die Gefahr des zu geringen Kontrasts mit der Schriftfarbe.</p> <p>Das <a href="https://www.w3.org/TR/2012/PR-css3-mediaqueries-20120426/" rel="nofollow noopener noreferrer">W3C stellt auch mittlerweile überholte Entwürfe</a> zur Verfügung und blendet dann einen Warnhinweis ein, den man wegklicken kann:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</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>outdated-warning<span class="token punctuation">"</span></span> <span class="token attr-name">tabindex</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>-1<span class="token punctuation">"</span></span> <span class="token attr-name">role</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>dialog<span class="token punctuation">"</span></span> <span class="token attr-name">aria-modal</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span> <span class="token attr-name">aria-labelledby</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>outdatedWarning<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>strong</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>outdatedWarning<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>This version is outdated! <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>strong</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>For the latest version, please look at <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://www.w3.org/TR/css3-mediaqueries/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>https://www.w3.org/TR/css3-mediaqueries/.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span><span class="token punctuation">></span></span>▾ collapse<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> </code></pre> <p>Ein anderer Ansatz wäre ein eigenes Stylesheet oder Theme, was sich mit <a href="https://wiki.selfhtml.org/wiki/WordPress/Kategorie_mit_eigenem_Theme" rel="nofollow noopener noreferrer">Wordpress leicht erledigen</a> lässt. In diesem Beispiel wird die Webseite schwarz-weiß und in Courier dargestellt:</p> <p><a href="https://jsr-hersbruck.de/festabend-anlaesslich-des-200-geburtstags-von-johannes-scharrer" rel="nofollow noopener noreferrer">Festabend anläßlich des 200. Geburtstags von Johannes Scharrer</a> (jsr-hersbruck.de)</p> <p>Trotzdem ist auch dieser Ansatz nicht unproblematisch: Nutzer, die von einer Suchmaschine auf diese Seite geleitet werden, wissen ja nicht, ob dies das reguläre Stylesheet des Webauftritts ist.</p> <hr> <p>SELFHTML hat im Wiki den Ansatz Inhalte versionsfrei zu entwickeln. Alte Inhalte können über die Versionsgeschichte eingesehen werden, auch wenn dieser Kniff nicht allen Nutzern bekannt sein dürfte.</p> <p>Auch die Artikel aus SELFHTML-Aktuell sind mittlerweile ins Wiki integriert (eine Übersicht findet sich nun unter <a href="https://wiki.selfhtml.org/wiki/Museum/Selfhtml-aktuell" rel="nofollow noopener noreferrer">Museum/Selfhtml-aktuell</a>). Dabei ist von den ursprünglichen Artikeln oft nur noch wenig zu sehen. Deshalb gibt es z.B. hier: <a href="https://wiki.selfhtml.org/wiki/PHP/Tutorials/404-Fehlerseite" rel="nofollow noopener noreferrer">PHP/Tutorials/404-Fehlerseite</a> einen grünen Hinweis auf's <a href="https://wiki.selfhtml.org/wiki/Museum/Selfhtml-Aktuell" rel="nofollow noopener noreferrer">Museum</a> und den alten Artikel auf webarchive.org.</p> <p>Diese Trennung ist sinnvoll, besonders eindrucksvoll zeigt der Artikel <a href="https://web.archive.org/web/20061011123130/http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/" rel="nofollow noopener noreferrer">CSS: Runde und andere Ecken für skalierbare Boxen </a> aus dem Jahre 2004, welche Verrenkungen man früher machen musste, um Seiten individuell zu gestalten. Heute benötigt man mit <code>border-radius</code>nur eine CSS-Eigenschaft dafür. Deshalb wäre ein Artikel, der dafür vier weitere divs verwendet, fehl am Platze.</p> <p>Matthias Scharwies</p> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Dieser Beitrag ist die inhaltliche Zusammenfassung eines Forum-Threads: <a href="https://forum.selfhtml.org/self/2021/sep/06/alte-webpages-als-veraltet-archiviert-obsolet-markieren/1791400#m1791400" rel="noopener noreferrer">https://forum.selfhtml.org/self/2021/sep/06/alte-webpages-als-veraltet-archiviert-obsolet-markieren/1791400#m1791400</a> <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section>