<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>highlight.js test</title>
</head>
<body>
<div id="explicit-language">
<pre><code class="python">for x in [1, 2, 3]:
count(x)</code></pre>
<pre class="python"><code>for x in [1, 2, 3]:
count(x)</code></pre>
<pre><code class="language-python">for x in [1, 2, 3]:
count(x)</code></pre>
<pre><code class="lang-scss">@import "compass/reset";
$colorGreenDark: darken($colorGreen, 10);
</code></pre>
<pre><code class="SCSS">@import "compass/reset";
$colorGreenDark: darken($colorGreen, 10);
</code></pre>
</div>
<div id="language-alias">
<pre><code class="language-js">var x = '<p>this should <b>not</b> be highlighted as <em>HTML</em>';</code></pre>
</div>
<div id="no-highlight">
<pre><code class="nohighlight"><div id="contents">
<p>Hello, World!
</div></code></pre>
<pre><code class="no-highlight"><div id="contents">
<p>Hello, World!
</div></code></pre>
<pre><samp>Computer output</samp></pre>
<pre><code class="language-foo">for x in [1, 2, 3]: count(x)</code></pre>
<pre><code class="lang-foo">for x in [1, 2, 3]: count(x)</code></pre>
<pre><code class="python language-foo">for x in [1, 2, 3]: count(x)</code></pre>
</div>
<pre><code id="sublanguages" class="php-html"><? echo 'php'; /* ?> */ ?>
<body>
<script>document.write('Legacy code');</script>
</body>
</code></pre>
<div id="build-classname">
<pre><code class=" some-class "><?xml version="1.0"?>
<response value="ok" xml:lang="en"></response></code></pre>
<pre><code class="hljs some-class "><?xml version="1.0"?>
<response value="ok" xml:lang="en"></response></code></pre>
<pre><code class=" some-class hljs"><?xml version="1.0"?>
<response value="ok" xml:lang="en"></response></code></pre>
<pre><code class=" hljs some-class "><?xml version="1.0"?>
<response value="ok" xml:lang="en"></response></code></pre>
</div>
<pre id="ends-with-parent-variants"><code class="language-nested">( [ ( ) ] )</code></pre>
</body>
</html>