2
0
mirror of https://github.com/sharkdp/bat synced 2024-11-18 15:26:16 +00:00

Add HTML syntax test sample

This commit is contained in:
Zachary J. Rollyson 2020-10-10 11:23:07 -04:00 committed by David Peter
parent 1f0e53a44d
commit 3bcb5452aa
2 changed files with 230 additions and 0 deletions

View File

@ -0,0 +1,115 @@
<!DOCTYPE html SYSTEM "about:legacy-compat">
<html>
 <!-- Behold my erudite commentary -->
 <head>
 <title>Bat Syntax Test</title>
 <meta charset="utf-8"> 
 <script>
 const x = 'world';
 function logGreeting() {
 console.log(`Hello, ${x}`);
 }
 </script>
 </head>
 <body>
 <div>
 <h1>Here find some simple tags</h1>
 <br />
 <p center style="color: rebeccapurple;">
 Lorem <strong>ipsum</strong> dolor sit amet consectetur adipisicing
 elit. A quo, autem quaerat explicabo impedit mollitia amet molestiae
 nulla cum architecto ducimus itaque sit blanditiis quasi animi optio ab
 facilis nihil?
 </p>
 <p>
 Here are some escaped characters: &amp; (ampersand), &agrave; (a with grave), &#8470; (numero sign).
 </p>
 </div>
 <div>
 <h1>This is a form that demonstrates loose attribute formatting</h1>
 <form action="POST">
 <input
 disabled
 type="text"
 name="text input"
 id="specificTextInput"
 value="yes"
 />
 </form>
 </div>
 <div>
 <h1>A table with normal closing tags</h1>
 <table>
 <caption>
 Pet Features
 </caption>
 <colgroup>
 <col />
 <col />
 <col />
 </colgroup>
 <thead>
 <tr>
 <th>Feature</th>
 <th>Cat</th>
 <th>Dog</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>Tail</td>
 <td>✔</td>
 <td>✔</td>
 </tr>
 <tr>
 <td>Eyes</td>
 <td>✔</td>
 <td>✔</td>
 </tr>
 <tr>
 <td>Ears</td>
 <td>✔</td>
 <td>✔</td>
 </tr>
 <tr>
 <td>Barking</td>
 <td></td>
 <td>✔</td>
 </tr>
 <tr>
 <td>Litter Box</td>
 <td>✔</td>
 <td></td>
 </tr>
 </tbody>
 </table>
 </div>
 <div>
 <h1>A table without closing tags</h1>
 <table>
 <caption>Pet Features
 <colgroup><col><col><col>
 <thead>
 <tr> <th>Feature <th>Cat <th>Dog
 <tbody>
 <tr> <td>Tail <td>✔ <td>✔
 <tr> <td>Eyes <td>✔ <td>✔
 <tr> <td>Ears <td>✔ <td>✔
 <tr> <td>Barking <td> <td>✔
 <tr> <td>Litter Box <td>✔ <td>
 </tbody>
 </table>
 </div>
 <div>
 <h1>A math section with CDATA</h1>
 <p>You can add a string to a number, but this stringifies the number:</p>
 <math>
 <ms><![CDATA[a / b]]></ms>
 <mo>-</mo>
 <mn>7</mn>
 <mo>=</mo>
 <ms><![CDATA[a / b - 7]]></ms>
 </math>
 </div>
 </body>
</html>

View File

@ -0,0 +1,115 @@
<!DOCTYPE html SYSTEM "about:legacy-compat">
<html>
<!-- Behold my erudite commentary -->
<head>
<title>Bat Syntax Test</title>
<meta charset="utf-8">
<script>
const x = 'world';
function logGreeting() {
console.log(`Hello, ${x}`);
}
</script>
</head>
<body>
<div>
<h1>Here find some simple tags</h1>
<br />
<p center style="color: rebeccapurple;">
Lorem <strong>ipsum</strong> dolor sit amet consectetur adipisicing
elit. A quo, autem quaerat explicabo impedit mollitia amet molestiae
nulla cum architecto ducimus itaque sit blanditiis quasi animi optio ab
facilis nihil?
</p>
<p>
Here are some escaped characters: &amp; (ampersand), &agrave; (a with grave), &#8470; (numero sign).
</p>
</div>
<div>
<h1>This is a form that demonstrates loose attribute formatting</h1>
<form action="POST">
<input
disabled
type="text"
name="text input"
id="specificTextInput"
value="yes"
/>
</form>
</div>
<div>
<h1>A table with normal closing tags</h1>
<table>
<caption>
Pet Features
</caption>
<colgroup>
<col />
<col />
<col />
</colgroup>
<thead>
<tr>
<th>Feature</th>
<th>Cat</th>
<th>Dog</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tail</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Eyes</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Ears</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Barking</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Litter Box</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div>
<h1>A table without closing tags</h1>
<table>
<caption>Pet Features
<colgroup><col><col><col>
<thead>
<tr> <th>Feature <th>Cat <th>Dog
<tbody>
<tr> <td>Tail <td><td>
<tr> <td>Eyes <td><td>
<tr> <td>Ears <td><td>
<tr> <td>Barking <td> <td>
<tr> <td>Litter Box <td><td>
</tbody>
</table>
</div>
<div>
<h1>A math section with CDATA</h1>
<p>You can add a string to a number, but this stringifies the number:</p>
<math>
<ms><![CDATA[a / b]]></ms>
<mo>-</mo>
<mn>7</mn>
<mo>=</mo>
<ms><![CDATA[a / b - 7]]></ms>
</math>
</div>
</body>
</html>