<!DOCTYPE html>
<html xml:lang="en">
<head>
<meta charset="utf-8">
<title>Inspector tree panel test</title>
<style type="text/css">
<!-- #duplicate { color: green } -->
</style>
<script type="text/javascript">
<!-- function fooBarBaz(arg1) { return true; // do nothing } // -->
</script>
</head>
<body arbitrary:attribute="value">
<p>Inspector tree panel test.</p>
<div id="foo" class="foo bar baz" style="border:1px solid red; unknownProperty: unknownValue; color: withUnkownValue">
<unknowntag unknownattribute="fooBar">
<p data-test1="value" unknownattribute="fooBar">hello world!</p>
</unknowntag>
</div>
<div id="duplicate" class="test" foobar="baz">test</div>
<iframe src="data:text/html,<div>hello from an iframe!</div>">
<html>
<head></head>
<body>
<div>hello from an iframe!</div>
</body>
</html>
</iframe>
<!-- hello world from a comment! -->
</body>
</html>