HTML-Code ungesampelt auf Webseite zeigen - geht das? NICE TO HAVE

[Rolf B]

Hallo Linuchs,

ein solches Element gibt es - als dafür vorgesehenes Element - meines Wissens nicht. HTML Elemente werden immer geparsed. Fast...

Ein möglicher Workaround hätte <![CDATA[ ]]> sein können, aber CDATA Sektionen sind im normalen HTML nicht zugelassen, das ist XML und ist daher bestenfalls in einem SVG Element möglich (was Dir nicht hilft).

Das einzige HTML Element, dessen Inhalt nicht als HTML geparsed wird, ist <script>. Und hier kannst Du ansetzen, denn der Browser führt Script nur als JavaScript aus, wenn es einen MIME-Typ für JavaScript hat. Alles andere ignoriert es. type="text/javascript" ist der Default, aber du kannst beliebig anderes setzen. Hinzu kommt, dass der Browser im Agent-Stylesheet eine Regel dieser Art enthält:

script {
    display: none;
}

und die kannst Du überschreiben.

<script type="text/html">
<ul>
  <li>Beispielliste Punkt 1</li>
  <li>Beispielliste Punkt 2</li>
</ul>
</script>

Das machst Du mit dieser CSS Regel sichtbar:

script[type='text/html'] {
  display: block;
  white-space: pre;
  font-family: monospace;
  /* Nach Geschmack mit weiteren Zutaten verfeinern */
}

Rolf