<!DOCTYPE html>
<meta charset=utf-8>
<title>valid dl</title>
<template><dl><dt>text<dd>text</dl></template> <!-- parent-template-in-head -->
<body>
<dl><dt>text<dd>text</dl> <!-- basic -->
<dl></dl> <!-- empty -->
<dl><dt><dd></dl> <!-- empty-dt-dd -->
<dl><dt>1<dd>a<dt>2<dd>a<dd>b<dt>3<dt>4<dt>5<dd>a</dl> <!-- multiple-groups -->
<dl><dt>text<dd><header>text</header></dl> <!-- header-in-dd -->
<dl><dt>text<dd><footer>text</footer></dl> <!-- footer-in-dd -->
<dl><dt>text<dd><article><h2>text</h2></article></dl> <!-- article-in-dd -->
<dl><dt>text<dd><aside><h2>text</h2></aside></dl> <!-- aside-in-dd -->
<dl><dt>text<dd><nav><h2>text</h2></nav></dl> <!-- nav-in-dd -->
<dl><dt>text<dd><section><h2>text</h2></section></dl> <!-- section-in-dd -->
<dl><dt>text<dd><h1>text</h1></dl> <!-- h1-in-dd -->
<dl><dt>text<dd><h2>text</h2></dl> <!-- h2-in-dd -->
<dl><dt>text<dd><h3>text</h3></dl> <!-- h3-in-dd -->
<dl><dt>text<dd><h4>text</h4></dl> <!-- h4-in-dd -->
<dl><dt>text<dd><h5>text</h5></dl> <!-- h5-in-dd -->
<dl><dt>text<dd><h6>text</h6></dl> <!-- h6-in-dd -->
<dl><dt><p>1<p>1<dd>a</dl> <!-- p-in-dt -->
<dl><dt><dl><dt>1<dd>a</dl><dd>b</dl> <!-- dl-in-dt -->
<dl><dt>1<dd><dl><dt>2<dd>a</dl></dl> <!-- dl-in-dd -->
<dl><dt><a href='#'>1</a><dd><a href='#'>a</a></dl> <!-- interactive -->
<dl><script></script></dl> <!-- script -->
<dl><dt>1</dt><script></script><dd>a</dl> <!-- dt-script-dd -->
<dl><dt>1</dt><template></template><dd>a</dl> <!-- dt-template-dd -->
<dl><div><dt>1<dd>a</div></dl> <!-- div-basic -->
<dl><div><dt>1<dd>a</div><script></script></dl> <!-- div-script -->
<dl><div><dt>1</dt><script></script><dd>a</div></dl> <!-- div-script-2 -->
<dl><div><dt>1<dd>a</div><template></template></dl> <!-- div-template -->
<dl><div><dt>1</dt><template></template><dd>a</div></dl> <!-- div-template-2 -->
<dl><div><dt>1<dd>a</div><div><dt>2<dd>a<dd>b</div><div><dt>3<dt>4<dt>5<dd>a</div></dl> <!-- div-multiple-groups -->
