<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/style.css" rel="stylesheet">
    <style> footer{ } </style>
    <!--      ^ css  -->
    <style title="Test Style without type attribute"> footer{ } </style>
    <!--                                                ^ css  -->
    <style type="text/css" title="test style with defined type attribute"> footer{ } </style>
    <!--                                                                    ^ css  -->
  </head>
  <body>
    <script> const x = 1 </script>
           <!-- ^ javascript -->
    <script defer> const x = 1 </script>
                  <!-- ^ javascript -->
    <script async defer> const x = 1 </script>
                     <!-- ^ javascript -->
    <script type="text/javascript"> const x = 1 </script>
                                  <!-- ^ javascript -->
    <script type="text/ecmascript"> const x = 1 </script>
                                  <!-- ^ javascript -->
    <script type="application/ecmascript"> const x = 1 </script>
                                       <!-- ^ javascript -->
    <script type="application/javascript"> const x = 1 </script>
                                       <!-- ^ javascript -->
    <script type="module"> import { foo } from "bar" </script>
                                 <!-- ^ javascript -->
    <script defer type="text/javascript"> const x = 1 </script>
                                        <!-- ^ javascript -->
    <script type="text/markdown">## Hello *World*!</script>
                              <!-- ^ markdown -->
    <script type="application/graphql">query OK { dokey }</script>
                                      <!-- ^ graphql -->
    <script type="application/typescript">type A = number;</script>
                                      <!-- ^ typescript -->
    <script type="application/json">{ "true": false }</script>
                                      <!-- ^ json -->
    <script type="importmap">{ "true": false }</script>
                                  <!-- ^ json -->
    <div style="height: 100%">
               <!-- ^ css -->
      Test div to test css injections for style attributes
    </div>

    <input pattern="[0-9]+">
                  <!-- ^ regex -->
    <input pattern=[0-9]+ type="tel">
                <!-- ^ regex -->

  </body>
</html>