Bootstrap Code
Bootstrap ermöglicht es Ihnen, Code auf zwei Arten anzuzeigen:
- Das erste ist das <code>-Tag. Wenn Sie Code inline anzeigen möchten, sollten Sie das <code>-Tag verwenden.
- Das zweite ist das <pre>-Tag. Wenn der Code als separates Blockelement oder mehrzeilig angezeigt werden muss, sollten Sie das <pre>-Tag verwenden.
Bitte stellen Sie sicher, dass bei der Verwendung der <pre>- und <code>-Tags für die öffnenden und schließenden Tags Unicode-Varianten verwendet werden: <und>。
Schauen wir uns das folgende Beispiel an:
Beispiel
<p><code><header></code>ist als Inline-Element eingeschlossen.</p>
<p>Wenn Sie den Code als separates Blockelement anzeigen müssen, verwenden Sie bitte das<pre>-Tag:</p>
<pre>
<article>
<h1>Artikelüberschrift</h1>
</article>
</pre>
Selbst ausprobieren »
Das Beispiel wird in der folgenden Abbildung gezeigt:
Weitere Beispiele
| Element/Klasse | Beschreibung | Beispiel |
|---|---|---|
| <var> | Variablenzuweisung:x = ab + y | Selbst ausprobieren |
| <kbd> | Tastatureingabe:CTRL + P | Selbst ausprobieren |
| <pre> | Mehrere Codezeilen | Selbst ausprobieren |
| <pre class="pre-scrollable"> | Mehrere Codezeilen mit Bildlaufleiste | Selbst ausprobieren |
| <samp> | Ausgabe eines Computerprogramms:Sample output | Selbst ausprobieren |
| <code> | Code-Snippet in derselben Zeile:span, div |
Selbst ausprobieren |