File: simple.html

package info (click to toggle)
node-html-loader 4.2.0-2
links: PTS, VCS
area: main
in suites: forky, sid, trixie
size: 3,384 kB
sloc: javascript: 2,708; xml: 18; makefile: 5
file content (454 lines) | stat: -rw-r--r-- 14,470 bytes
<!doctype html>

<h1>My First Heading</h1>
<p>My first paragraph.</p>
<h2>An Unordered HTML List</h2>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<h2>An Ordered HTML List</h2>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<script>console.log({"json": "with \"quotes\" in value"})</script>

<!-- comment -->

<div>Foo</div>


<div>BAR</div>

<input type="text" />

<script>   console.log(1 + 2 + `${3 + 3}`)   </script>

<img src="image.png">
<img src='image.png'>
<img src=image.png>
<img src="./image.png">
<img src="/image.png">
<img src="~aliasImg">
<img src="image.png">
<IMG src="image.png">
<img SRC="image.png">
<IMG SRC="image.png">
<img src="//image.png">

<script src="./script.file.js"></script>

<custom-element custom-src="image.png" />
<custom-img custom-src="image.png"/></custom-element>

<img src="./icons.svg#icon-chevron-with-circle-up">

<a href="mailto:username@exampledomain.com"></a>

<img srcset="image.png 480w, image.png 800w" sizes="(max-width: 600px) 480px, 800px" src="image.png" alt="Elva dressed as a fairy">
<IMG srcset="image.png 480w, image.png 800w" sizes="(max-width: 600px) 480px, 800px" src="image.png" alt="Elva dressed as a fairy">
<img SRCSET="image.png 480w, image.png 800w" sizes="(max-width: 600px) 480px, 800px" src="image.png" alt="Elva dressed as a fairy">
<IMG SRCSET="image.png 480w, image.png 800w" sizes="(max-width: 600px) 480px, 800px" src="image.png" alt="Elva dressed as a fairy">
<img srcset="image.png?foo=bar,baz 480w, image.png?bar=baz,foo 800w" sizes="(max-width: 600px) 480px, 800px" src="image.png" alt="Elva dressed as a fairy">
<img srcset="image.png?foo=bar,baz 480h, image.png?bar=baz,foo 800h" sizes="(max-width: 600px) 480px, 800px" src="image.png" alt="Elva dressed as a fairy">
<img srcset="image.png?foo=bar,baz, image.png?bar=baz,foo" sizes="(max-width: 600px) 480px, 800px" src="image.png" alt="Elva dressed as a fairy">
<img srcset="image.png,
             image.png 1.5x,
             image.png 2x"
     src="image.png" alt="Elva dressed as a fairy">
<img srcset="   image.png   480w   ,   image.png   800w   " sizes="(max-width: 600px) 480px, 800px" src="image.png" alt="Elva dressed as a fairy">
<img srcset="image.png" src="image.png" alt="Elva dressed as a fairy">
<img srcset="image.png," src="image.png" alt="Elva dressed as a fairy">
<img srcset="image.png,,," src="image.png" alt="Elva dressed as a fairy">
<img srcset="

image.png,

  image.png   1.5x,

image.png 2x

" src="image.png" alt="Elva dressed as a fairy">

<picture>
  <source media="(min-width: 650px)" srcset="image.png">
  <source media="(min-width: 465px)" srcset="image.png">
  <img src="image.png" alt="Flowers" style="width:auto;">
</picture>

<audio src="./example.ogg" controls>
  Your browser does not support the audio element.
</audio>

<embed src="example.pdf">

<iframe src="template.html"></iframe>

<img src="image.png" alt="Smiley face">

<form action="/action_page.php">
  First name: <input type="text" name="fname"><br>
  <input type="image" src="image.png" alt="Submit">
</form>

<script src="https://domain.org/script.js"></script>

<audio controls>
  <source src="example.ogg" type="audio/ogg">
  Your browser does not support the audio element.
</audio>

<video width="320" height="240" controls>
  <source src="example.ogg" type="video/ogg">
  <track src="example.vtt" kind="subtitles" srclang="en" label="English">
</video>

<video src="example.ogg" controls>
  Your browser does not support the video tag.
</video>

<video controls poster="./image.png">
  <source src="example.ogg" type="video/ogg">
  <track src="example.vtt" kind="subtitles" srclang="en" label="English">
</video>

<object width="400" height="400" data="example.pdf"></object>

T ex t  <img 	  src =   "image.png"   >  <img
  src
    =
    "image.png"
>

<div data-videomp4="video.mp4"></div>

<![CDATA[<img src="image.png">]]><img src="image.png">

<link rel="stylesheet" type="text/css" href="./style.file.css">
<link REL="stylesheet" type="text/css" href="./style.file.css">
<link ReL="stylesheet" type="text/css" href="./style.file.css">
<link rel="STYLESHEET" type="text/css" href="./style.file.css">
<link REL="STYLESHEET" type="text/css" href="./style.file.css">
<link REL="STYLESHEET" type="text/css" HREF="./style.file.css">
<link rel="alternate stylesheet" type="text/css" href="./style.file.css">
<link rel="stylesheet alternate" type="text/css" href="./style.file.css">
<link rel="stylesheet alternate" type="   text/css   " href="./style.file.css">
<link rel="stylesheet" href="./style.file.css">
<link rel="stylesheet" type="text/css" href="./style.file.css">
<link rel="stylesheet" type="text/html" href="./style.file.css">
<link rel="stylesheet" TYPE="text/html" href="./style.file.css">
<link rel="icon" href="./image.png" sizes="16x16">
<link rel="apple-touch-icon" href="./image.png">
<link rel="apple-touch-startup-image" href="./image.png">
<link rel="shortlink" type="text/html" href="http://flic.kr/p/6XuLyD">
<link type="text/css" href="./style.file.css">
<link rel="pingback" href="http://bob.example.net/xmlrpcserver">
<link rel="preload" href="./style.file.css">
<link rel="prefetch" href="image.png">
<link rel="modulepreload" href="script.js">
<a rel="author" href="./simple.html">link text</a>

<a href="tel:1-408-555-5555">Call me</a>

<!----><img src="image.png">-->
<!--><img src="image.png">-->
<!--<!--<img src="image.png">-->
<!--<img src="image.png">-->

<!--Text < img src="image.png" >
Text <<img src="image.png">
Text ><img src="image.png">-->

<br>
<br />

&lt;div id = &quot;character&quot;&gt;
&copy; 2007
or
&#169; 2007

<br>

<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
<address>
  Written by <img src="mailto:webmaster@example.com">Jon Doe.<br>
  Visit us at:<br>
  Example.com<br>
  Box 564, Disneyland<br>
  USA
</address>
<img src="chrome://settings">link</img>
<img src="skype:example123?chat">Start Chat</img>
<img src="foobar:test">Start Chat</img>
<img src="javascript:alert('Hello');">Start Chat</img>

<img src="   image.png   ">
<img src="
image.png
">
<img srcset="   image.png   " src="   image.png   " alt="Elva dressed as a fairy">
<img srcset="
image.png
" src="
image.png
" alt="Elva dressed as a fairy">

<img srcset="#test" src="#test" alt="Elva dressed as a fairy">
<img src="image%20image.png" alt="Test">

<flag-icon src="image.png"></flag-icon>
<MyStrangeTag13 src="image.png" alt="Smiley face" />
<MyStrangeTag13 src="image.png" alt="Smiley face"> Test </MyStrangeTag13>
<a- src="image.png"></a->
<a-. src="image.png">test</a-.>
<a-- src="image.png">test</a-->
<aÀ-豈 src="image.png">test</aÀ-豈>
<aÀ-Ⰰ src="image.png" />

<INVALID_TAG_NAME src="image.png" />
<invalid-CUSTOM-TAG src="image.png" />

<p>Text</p>
<p >Text</p>
<p   >Text</p>

<img src="image.png" src="image.png" />

<script type="module" src="module.file.js"></script>
<script nomodule src="fallback.file.js"></script>
<script type="text/javascript" src="fallback.file.js"></script>
<script type="application/javascript" src="fallback.file.js"></script>
<script type="application/json" src="fallback.file.json"></script>
<script type="text/x-handlebars-template" src="preprocessor.hbs"></script>
<script type="module">
  function test() {}
</script>
<script>
  function test() {}
</script>

<img src=image.png />
<img src="image image.png" />
<img src='image image.png' />
<img src=~aliasImageWithSpace />
<img srcset=image.png />
<img srcset="image%20image.png" />
<img srcset='image%20image.png' />
<img srcset=~aliasImageWithSpace />
<img srcset="image.png 480w, image%20image.png 640w, ~aliasImageWithSpace 800w" sizes="(max-width: 600px) 480px, 800px" src="image.png" alt="Elva dressed as a fairy">
<img src      =       image.png />
<img src      =      ~aliasImageWithSpace      />
<img src      =      "~aliasImageWithSpace"      />
<img src      =      '~aliasImageWithSpace'      />

<img src="#hash" />
<img src="javascript:void(0)" />
<img src='image.png#hash' />
<img src=image.png#hash />
<img src=image.png# />
<img srcset="image.png#hash" />
<img srcset="image.png#foo 480w, image.png#bar 800w" sizes="(max-width: 600px) 480px, 800px" src="image.png#baz" alt="Elva dressed as a fairy">
<img src="#" alt="test"/>
<img src="#" srcset="#" alt="test" />
<img src="###" srcset="#" alt="test" />
<img src="   #   " alt="test"/>
<img src="


#


" alt="test"/>
<img src=


       image.png


/>

<img data-srcset="image.png 480w, image.png 800w" sizes="(max-width: 600px) 480px, 800px" data-src="image.png" alt="Elva dressed as a fairy">

<img src=~aliasImageWithSpace#hash />

<svg width="200" height="200">
  <image xlink:href="./webpack.svg" height="200" width="200"/>
</svg>

<svg width="200" height="200">
  <image href="./webpack.svg" height="200" width="200"/>
</svg>

<svg width="200" height="200">
  <use href="./webpack.svg"></use>
</svg>

<svg width="200" height="200">
  <use xlink:href="./webpack.svg"></use>
</svg>

<span>foo</span> <span>bar</span>

<tag>Text</tag>
<TAG>Text</TAG>

<input type="checkbox" name="vehicle" value="car" checked="checked" />

<br />

<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

<script type="text/javascript">
  console.log('HERE')
</script>

<style type="text/css">
  p {
    color: #26b72b;
  }
</style>

<div data-b="2" data-a="1" data-c="3">text</div>
<div class="f a b e d c">text</div>

<input type="text">

<button onclick="   document.getElementById('demo').innerHTML    =    Date()">The time is?</button>

<img src="./pixel.png?url" alt="" />

<img src="


./pixel.png?url


" alt="" />

<img src="./im



	age.png" alt="multi
line
alt" />

<img src="data:image/png;base64,iVBORw0KGgoAAA
ANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4
//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU
5ErkJggg==" alt="Red dot" />

<img data-dz-thumbnail="" width="95" height="95" title="<%= name %>" alt="<%= name %>" src="<%= imgsrc %>" />

<svg>
  <script href="./script.file.js"></script>
</svg>
<svg>
  <script type="application/json" href="./script.file.js"></script>
</svg>
<svg>
  <script xlink:href="./script.file.js"></script>
</svg>
<svg>
  <script type="application/json" xlink:href="./script.file.js"></script>
</svg>

<input type="text" name="test">

<link rel="icon">
<link    rel   =   "   icon   "    href   =   "./image.png">
<link rel="icon" href="./image.png">
<link rel="ICON" href="./image.png">
<link REL="icon" href="./image.png">
<link REL="ICON" href="./image.png">
<link rel="shortcut icon" href="./image.png">
<link rel="shortcut    icon" href="./image.png">
<link rel="shortcut" href="./image.png">
<link rel="icon shortcut" href="./image.png">
<link rel="icon" type="image/png" sizes="16x16" href="./image.png">
<link rel="icon" type="image/png" sizes="32x32" href="./image.png">
<link rel="icon" type="image/png" sizes="194x194" href="./image.png">
<link rel="icon" type="image/png" sizes="192x192" href="./image.png">
<link rel="apple-touch-icon" href="./image.png">
<link rel="apple-touch-icon-precomposed" href="./image.png"/>
<link rel="manifest" href="./site.webmanifest">
<link rel="mask-icon" href="./webpack.svg" color="#5bbad5">
<link rel="preload" as="image" imagesrcset="image.png 400w, image.png 800w, image.png 1600w" imagesizes="100vw">
<meta name="twitter:image" content="./image.png">
<meta name="msapplication-square70x70logo" content="./image.png">
<meta NAME="msapplication-square70x70logo" content="./image.png">
<meta name="msapplication-square150x150logo" content="./image.png">
<meta name="msapplication-wide310x150logo" content="./image.png">
<meta name="msapplication-square310x310logo" content="./image.png">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="./image.png">
<meta name="msapplication-config" content="./browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta content="name=Check Order Status;action-uri=./orderStatus.aspx?src=IE9;icon-uri=./favicon.ico" name="msapplication-task">

<meta property="og:url" content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type" content="article" />
<meta property="og:title" content="When Great Minds Don’t Think Alike" />
<meta property="og:description" content="How much does culture influence creative thinking?" />
<meta property="og:image" content="./image.png" />
<meta property="og:image:url" content="./image.png" />
<meta property="og:image:secure_url" content="./image.png" />

<meta property="og:audio" content="./sound.mp3" />
<meta property="og:audio:secure_url" content="./sound.mp3" />
<meta property="og:audio:type" content="audio/mpeg" />

<meta property="og:video" content="./video.mp4" />
<meta property="og:video:secure_url" content="./video.mp4" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video:width" content="400" />
<meta property="og:video:height" content="300" />

<meta property="vk:image" content="./image.png" />

<link itemprop="downloadUrl" href="image.png">
<link itemprop="contentUrl" href="image.png">
<link itemprop="installUrl" href="image.png">

<link itemprop="a" href="image.png">
<link itemprop="b" href="image.png">
<link itemprop="  " href="image.png">
<link href="image.png">

<meta itemprop="image" content="./image.png" />
<meta itemprop="logo" content="./image.png" />
<meta itemprop="screenshot" content="./image.png" />
<meta itemprop="thumbnailUrl" content="./image.png" />
<meta itemprop="contentUrl" content="./image.png" />
<meta itemprop="downloadUrl" content="./image.png" />
<meta itemprop="duringMedia" content="./image.png" />
<meta itemprop="embedUrl" content="./image.png" />
<meta itemprop="installUrl" content="./image.png" />
<meta itemprop="layoutImage" content="./image.png" />

<meta itemprop="a" content="./image.png" />
<meta itemprop="b" content="./image.png" />
<meta itemprop=" " content="./image.png" />

<img src='.\nested\image3.png' />
<img src='\nested\image3.png' />
<img src='/nested\image3.png' />
<img src='nested\image3.png' />

<div class="will-be-parsed">
  <template type="some_type">
    <div class="will-not-be-parse"></div>
  </template>
</div>

<noscript>
  <img src="./noscript.png" alt="noscript content" />
</noscript>