1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105
|
<!DOCTYPE html>
<!--
VIM_TEST_SETUP let g:html_syntax_folding = 1
VIM_TEST_SETUP setlocal foldcolumn=8 foldlevel=8 foldmethod=syntax
-->
<html lang="en"> <!-- 1 -->
<HEAD> <!-- 2 -->
<meta charset="UTF-8">
<title>A folding syntax test</title><style> /* 3 */
p { font-size: 24px; } /* </style>
<style>*/</style></head></head></head></head>
<bOdY STYLE="background: #bebebe"> <!-- 2 -->
<br><br><br><br><script><![CDATA[ // 3
// \x3C!--
// \x3Cscript>
// \x3C/script>
// -->
]]></script>
<h2 id="></h2>"><i>An H2 header</i></h2>
<br><br><br><br>
<hr>
<p>Paragraph #1. <!-- 3 -->
</p>
<p>Paragraph #2.</p>
<details> <!-- 3 </details> -->
<summary> <!-- 4 </summary> -->
</summary>
<p>Paragraph #1.</p>
<ul> <!-- 4 FIXME -->
<li>Item a.</li><li>Item b.</li>
<li>Item c.</li>
</ul>
<p>Paragraph #2. <!-- 4 FIXME -->
</p>
</details>
<dl> <!-- 3 -->
<dt>A quick brown fox jumps over the lazy dog</dt>
<dd>Woof! <!-- 4 -->
<dl> <!-- 5 -->
<dt>A quick brown fox jumps over the lazy dog</dt>
<dd>Woof!</dd>
</dl></dd>
</dl>
<article>Thread #1 <!-- 3 -->
<article>Thread #2 <!-- 4 -->
</article>
</article>
<p> <!-- 3 -->
<label for="selection">Select Option</label>
<select
id="selection"
name="selection"> <!-- 5 -->
<optgroup label="Primary Group"> <!-- 5 -->
<option value="1">Alternative</option>
<option value="2" selected>Default</option>
<option value="3">Basic</option>
<option value="4">Extended</option>
</optgroup>
</select>
</p>
<table> <!-- 3 -->
<caption>Some Caption</caption>
<colgroup><col><col><col></colgroup>
<thead> <!-- 4 -->
<tr><th>Header #1</th><th>Header #2</th><th>Header #3</th></tr>
</thead><tbody>
<tr><td>Column #1</td><td>Column #2</td><td>Column #3</td></tr>
<tr><td>Column #1</td><td>Column #2</td><td>Column #3</td></tr>
<tr><td>Column #1</td><td>Column #2</td><td>Column #3</td></tr>
<tr><td>Column #1</td><td>Column #2</td><td>Column #3</td></tr>
</tbody></table>
<div class="block"> <!-- 3 -->
<blockquote><pre><code> <!-- 6 -->
<div class="block">
<blockquote><pre><code>
</code></pre></blockquote></div>
</code></pre></blockquote></div>
<p>Paragraph #3.</p><p>Paragraph #4.</p><p>Paragraph #5.</p>
<p>Paragraph #6.</p><p>Paragraph #7.</p><p>Paragraph #8.</p><p>Paragraph #9.</p>
<p id="></p>">Paragraph #10. <!-- 3 FIXME -->
</p>
<p >Paragraph #11.</p><p id="p"
class="p">Paragraph #12.</p><p
class="p">Paragraph #13.</p><p
>Paragraph #14.</p>
<p>Paragraph #15. <!-- UNBALANCED! -->
<p>Paragraph #16. <!-- UNBALANCED! -->
</BoDy>
</HTML>
|