swc/crates/swc_html_codegen/tests/fixture/optional/output.html

413 lines
9.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head><title>Document</title></head><body>
<ul><li>test</li></ul>
<ul> <li>test</li> </ul>
<ul> <li>test</li> <li>test</li> </ul>
<ul> <li>test</li> <li>test</li></ul>
<ul><li>test</li><li>test</li><li>test</li></ul>
<ul><li>test</li><li>test</li> <li>test</li> </ul>
<article>
<h1>FAQ</h1>
<dl><dt>What do we want?</dt><dd>Our data.</dd><dt>When do we want it?</dt><dd>Now.</dd><dt>Where is it?</dt><dd>We are not sure.</dd></dl>
</article>
<form action="courseselector.dll" method="get">
<p>Which course would you like to watch today?
</p><p><label>Course:
<select name="c">
<optgroup label="8.01 Physics I: Classical Mechanics">
<option value="8.01.1">Lecture 01: Powers of Ten
</option><option value="8.01.2">Lecture 02: 1D Kinematics
</option><option value="8.01.3">Lecture 03: Vectors
</option></optgroup><optgroup label="8.02 Electricity and Magnetism">
<option value="8.02.1">Lecture 01: What holds our world together?
</option><option value="8.02.2">Lecture 02: Electric Field
</option><option value="8.02.3">Lecture 03: Electric Flux
</option></optgroup>
<optgroup label="8.03 Physics III: Vibrations and Waves">
<option value="8.03.1">Lecture 01: Periodic Phenomenon
</option><option value="8.03.2">Lecture 02: Beats
</option><option value="8.03.3">Lecture 03: Forced Oscillations with Damping
</option></optgroup>
</select>
</label>
</p><p><input type="submit" value="▶ Play">
</p></form>
<table>
<tbody><tr>
<th>Month</th><th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody></table>
<table>
<tbody><tr><th>Month</th><th>Savings</th></tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody></table>
<table width="100%" cellspacing="0" border="1">
<tbody><tr>
<th>One</th>
<th>Two</th>
</tr>
<tr>
<th>Three</th><td>5.5</td>
<td>6.0</td>
</tr>
</tbody></table>
<table width="100%" cellspacing="0" border="1">
<tbody><tr>
<th>One</th>
<th>Two</th>
</tr>
<tr><th>Three</th><td>5.5</td><td>6.0</td></tr>
</tbody></table>
<table><tbody><tr><th>Month</th><th>Savings</th></tr><tr>
<td>January</td>
<td>$100</td>
</tr><tr>
<td>February</td>
<td>$80</td>
</tr></tbody></table>
<table><thead>
<tr>
<th>Items</th>
<th scope="col">Expenditure</th>
</tr>
</thead><tbody>
<tr>
<th scope="row">Donuts</th>
<td>3,000</td>
</tr>
<tr>
<th scope="row">Stationery</th>
<td>18,000</td>
</tr>
</tbody><tfoot>
<tr>
<th scope="row">Totals</th>
<td>21,000</td>
</tr>
</tfoot></table>
<table><thead>
<tr>
<th>Items</th>
<th scope="col">Expenditure</th>
</tr>
</thead><tfoot>
<tr>
<th scope="row">Totals</th>
<td>21,000</td>
</tr>
</tfoot></table>
<table><thead>
<tr>
<th>Items</th>
<th scope="col">Expenditure</th>
</tr>
</thead></table>
<table><tbody>
<tr>
<th scope="row">Donuts</th>
<td>3,000</td>
</tr>
<tr>
<th scope="row">Stationery</th>
<td>18,000</td>
</tr>
</tbody></table>
<table>
<caption>Superheros and sidekicks</caption>
<colgroup>
<col>
<col span="2" class="batman">
<col span="2" class="flash">
</colgroup>
<tbody><tr>
<td>&nbsp;</td>
<th scope="col">Batman</th>
<th scope="col">Robin</th>
<th scope="col">The Flash</th>
<th scope="col">Kid Flash</th>
</tr>
<tr>
<th scope="row">Skill</th>
<td>Smarts</td>
<td>Dex, acrobat</td>
<td>Super speed</td>
<td>Super speed</td>
</tr>
</tbody></table>
<table>
<caption>Superheros and sidekicks</caption>
<colgroup>
<col>
<col span="2" class="batman">
<col span="2" class="flash">
</colgroup><tbody><tr>
<td>&nbsp;</td>
<th scope="col">Batman</th>
<th scope="col">Robin</th>
<th scope="col">The Flash</th>
<th scope="col">Kid Flash</th>
</tr>
</tbody></table>
<table>
<caption>Superheros and sidekicks</caption>
<colgroup>
<col>
<col span="2" class="batman">
<col span="2" class="flash">
</colgroup><!-- comment -->
<tbody><tr>
<td>&nbsp;</td>
<th scope="col">Batman</th>
<th scope="col">Robin</th>
<th scope="col">The Flash</th>
<th scope="col">Kid Flash</th>
</tr>
</tbody></table>
<table><caption>Superheros and sidekicks</caption>
<colgroup>
<col>
<col span="2" class="batman">
<col span="2" class="flash">
</colgroup></table>
<table><caption>Superheros and sidekicks</caption>
<colgroup>
<col>
<col span="2" class="batman">
<col span="2" class="flash">
</colgroup> <tbody>
<tr>
<td>&nbsp;</td>
<th scope="col">Batman</th>
<th scope="col">Robin</th>
<th scope="col">The Flash</th>
<th scope="col">Kid Flash</th>
</tr>
</tbody>
</table>
<table>
<caption>He-Man and Skeletor facts</caption>
<tbody><tr>
<td>&nbsp;</td>
<th scope="col" class="heman">He-Man</th>
<th scope="col" class="skeletor">Skeletor</th>
</tr>
<tr>
<th scope="row">Role</th>
<td>Hero</td>
<td>Villain</td>
</tr>
</tbody></table>
<table>
<caption>He-Man and Skeletor facts</caption><tbody><tr>
<td>&nbsp;</td>
<th scope="col" class="heman">He-Man</th>
<th scope="col" class="skeletor">Skeletor</th>
</tr>
<tr>
<th scope="row">Role</th>
<td>Hero</td>
<td>Villain</td>
</tr>
</tbody></table>
<table>
<caption>He-Man and Skeletor facts</caption><!-- comment --> <tbody><tr>
<td>&nbsp;</td>
<th scope="col" class="heman">He-Man</th>
<th scope="col" class="skeletor">Skeletor</th>
</tr>
<tr>
<th scope="row">Role</th>
<td>Hero</td>
<td>Villain</td>
</tr>
</tbody></table>
<ruby>
<rp>(</rp><rt>kan</rt><rp>)</rp>
<rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
<ruby><rp>(</rp><rt>kan</rt><rp>)</rp><rp>(</rp><rt>ji</rt><rp>)</rp></ruby>
<div>
<p>test</p>
<p>test
</p><p>test</p> <p>test</p>
<p>test</p><p>test</p>
<p>test</p><div>test</div>
<p>test</p><div>test</div>
<p>test</p><img>
</div>
<div><p>test</p></div>
<a><p>test</p></a>
<my-element><p>Test</p></my-element>
<unknown><p>test</p></unknown>
<spacer><p>test</p></spacer>
<div>
<p>test</p><svg></svg>
</div>
<acronym><p>test</p></acronym>
<applet code="game.class" align="left" archive="game.zip" height="250" width="350">
<param name="difficulty" value="easy">
<p>Sorry, you need Java to play this game.</p></applet>
<big><p>test</p></big>
<blink><p>test</p></blink>
<center><p>test</p></center>
<command><p>test</p></command>
<content><p>test</p></content>
<dir><p>test</p></dir>
<element><p>test</p></element>
<font><p>test</p></font>
<kbd><p>test</p></kbd>
<listing><p>test</p></listing>
<marquee behavior="test" direction="test"><p>test</p></marquee>
<multicol><p>test</p></multicol>
<noembed><p>test</p></noembed>
<shadow><p>test</p></shadow>
<strike><p>test</p></strike>
<tt><p>test</p></tt>
<xmp><p>test</p></xmp>
<div><p>test</p><svg>test</svg></div>
<ruby>
<rb></rb><rb>
</rb><rp>(</rp><rt>kan</rt><rt>ji</rt><rp>)</rp>
</ruby>
<ruby>
<rb></rb><rb></rb><rp>(</rp><rt>kan</rt><rt>ji</rt><rp>)</rp>
</ruby>
<div class="info"><ruby>
<rbc>
<rb></rb><rt>jiù</rt>
<rb></rb><rt>jīn</rt>
<rb></rb><rt>shān</rt>
</rbc>
<rtc>San Francisco</rtc></ruby>
</div>
<table><thead>
<tr><th>Customer</th><th>Order</th><th>Month</th></tr>
</thead><tbody>
<tr><td>Customer 1</td><td>#1</td><td>January</td></tr>
<tr><td>Customer 1</td><td>#2</td><td>April</td></tr>
<tr><td>Customer 1</td><td>#3</td><td>March</td></tr>
</tbody><tbody>
<tr><td>Customer 2</td><td>#1</td><td>January</td></tr>
<tr><td>Customer 2</td><td>#2</td><td>April</td></tr>
<tr><td>Customer 2</td><td>#3</td><td>March</td></tr>
</tbody><tbody>
<tr><td>Customer 3</td><td>#1</td><td>January</td></tr>
<tr><td>Customer 3</td><td>#2</td><td>April</td></tr>
<tr><td>Customer 3</td><td>#3</td><td>March</td></tr>
</tbody></table>
<table><colgroup>
<col class="">
<col class="">
<col class="">
</colgroup><colgroup>
<col class="">
<col class="">
<col class="">
</colgroup><tbody><tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
</tbody></table>
<table>
<colgroup><col class=""><col class=""><col class=""></colgroup>
<tbody><tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
</tbody></table>
<table>
<colgroup><col class=""><col class=""><col class=""></colgroup><tbody><tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
</tbody></table>
<table>
<colgroup><col class=""><col class=""><col class=""></colgroup><colgroup><col class=""><col class=""><col class=""></colgroup>
<tbody><tr>
<td>Cell</td>
<td>Cell</td>
<td>Cell</td>
</tr>
</tbody></table>
<table><tbody><tr><td>test</td></tr></tbody><tbody><tr><td>test</td></tr></tbody><tbody><tr><td>test</td></tr></tbody></table>
<table><thead><tr><td>test</td></tr></thead><tbody><tr><td>test</td></tr></tbody><tbody><tr><td>test</td></tr></tbody></table>
<table><tfoot><tr><td>test</td></tr></tfoot><tbody><tr><td>test</td></tr></tbody><tbody><tr><td>test</td></tr></tbody></table>
</body></html>