git.iko.soy/bat
on 448bfaf help sign in
bat/tests/syntax-tests/source/HTML/test.html
115 lines 2.9 kB history raw
1<!DOCTYPE html SYSTEM "about:legacy-compat">
2<html>
3 <!-- Behold my erudite commentary -->
4 <head>
5 <title>Bat Syntax Test</title>
6 <meta charset="utf-8">
7 <script>
8 const x = 'world';
9 function logGreeting() {
10 console.log(`Hello, ${x}`);
11 }
12 </script>
13 </head>
14 <body>
15 <div>
16 <h1>Here find some simple tags</h1>
17 <br />
18 <p center style="color: rebeccapurple;">
19 Lorem <strong>ipsum</strong> dolor sit amet consectetur adipisicing
20 elit. A quo, autem quaerat explicabo impedit mollitia amet molestiae
21 nulla cum architecto ducimus itaque sit blanditiis quasi animi optio ab
22 facilis nihil?
23 </p>
24 <p>
25 Here are some escaped characters: &amp; (ampersand), &agrave; (a with grave), &#8470; (numero sign).
26 </p>
27 </div>
28 <div>
29 <h1>This is a form that demonstrates loose attribute formatting</h1>
30 <form action="POST">
31 <input
32 disabled
33 type="text"
34 name="text input"
35 id="specificTextInput"
36 value="yes"
37 />
38 </form>
39 </div>
40 <div>
41 <h1>A table with normal closing tags</h1>
42 <table>
43 <caption>
44 Pet Features
45 </caption>
46 <colgroup>
47 <col />
48 <col />
49 <col />
50 </colgroup>
51 <thead>
52 <tr>
53 <th>Feature</th>
54 <th>Cat</th>
55 <th>Dog</th>
56 </tr>
57 </thead>
58 <tbody>
59 <tr>
60 <td>Tail</td>
61 <td>✔</td>
62 <td>✔</td>
63 </tr>
64 <tr>
65 <td>Eyes</td>
66 <td>✔</td>
67 <td>✔</td>
68 </tr>
69 <tr>
70 <td>Ears</td>
71 <td>✔</td>
72 <td>✔</td>
73 </tr>
74 <tr>
75 <td>Barking</td>
76 <td></td>
77 <td>✔</td>
78 </tr>
79 <tr>
80 <td>Litter Box</td>
81 <td>✔</td>
82 <td></td>
83 </tr>
84 </tbody>
85 </table>
86 </div>
87 <div>
88 <h1>A table without closing tags</h1>
89 <table>
90 <caption>Pet Features
91 <colgroup><col><col><col>
92 <thead>
93 <tr> <th>Feature <th>Cat <th>Dog
94 <tbody>
95 <tr> <td>Tail <td>✔ <td>✔
96 <tr> <td>Eyes <td>✔ <td>✔
97 <tr> <td>Ears <td>✔ <td>✔
98 <tr> <td>Barking <td> <td>✔
99 <tr> <td>Litter Box <td>✔ <td>
100 </tbody>
101 </table>
102 </div>
103 <div>
104 <h1>A math section with CDATA</h1>
105 <p>You can add a string to a number, but this stringifies the number:</p>
106 <math>
107 <ms><![CDATA[a / b]]></ms>
108 <mo>-</mo>
109 <mn>7</mn>
110 <mo>=</mo>
111 <ms><![CDATA[a / b - 7]]></ms>
112 </math>
113 </div>
114 </body>
115</html>