HTML elements that parse differently when rendered

⚠ Browser differences

This shows which elements change in the DOM when nested.

Shazzer Master

Created Apr 19, 2024

Updated May 27, 2025

Unable to render tweet button

Detecting browser...

CategoryDOM Behavior

VisibilityPublic

TypeXSS

CharsetUTF-8

$[data1] placeholderhtml

Template used:

<$[data1] id=x><$[data1]></$[data1]></$[data1]>

Code used after fuzz:

const element = document.getElementById('x');0x0D
if(element && !element.querySelector('$[data1]')) {0x0D
   log('$[data1]');0x0D
}

Sample payloads

<a id=x><a></a></a>

<area id=x><area></area></area>

<base id=x><base></base></base>

<br id=x><br></br></br>

<dd id=x><dd></dd></dd>

<dt id=x><dt></dt></dt>

<embed id=x><embed></embed></embed>

<form id=x><form></form></form>

<h1 id=x><h1></h1></h1>

<hr id=x><hr></hr></hr>

<iframe id=x><iframe></iframe></iframe>

<img id=x><img></img></img>

<input id=x><input></input></input>

<li id=x><li></li></li>

<link id=x><link></link></link>

<meta id=x><meta></meta></meta>

<nobr id=x><nobr></nobr></nobr>

<noembed id=x><noembed></noembed></noembed>

<noframes id=x><noframes></noframes></noframes>

<noscript id=x><noscript></noscript></noscript>