Name | Uses |
---|---|
selector | class, id, data-attr, href, rel, etc |
selector-native | built in tags (ul, li, nav, header, h1, h2, h3, span, img, pre, code, meta, title etc) |
url | the value of an href or src tag |
value | the value of a tag attribute (ex: style="value") |
comment | an HTML comment |
Source Code:
<pre class="ft-syntax-highlight" data-syntax="html" data-syntax-theme="one-dark" data-showTooltips="true">
<code>
<span class="newline"></span>
<span class="newline"><<span class="selector-native">noscript</span> <span class="selector">id</span>=<span class="value">"myDiv"</span>> </span>
<span class="newline"> <<span class="selector-native">div</span> <span class="selector">class</span>=<span class="value">"alert alert-danger"</span>> </span>
<span class="newline"> You don't have javascript enabled #Sad </span>
<span class="newline"></span>
<span class="newline"> This will only display when javascript is not enabled</span>
<span class="newline"></span>
<span class="newline"> For more details see <<span class="selector-native">a</span> <span class="selector">href</span>="<span class="url">https://www.somewebsite.com</span>" <span class="selector">target</span>="<span class="value">_blank</span>">here</<span class="selector-native">a</span>></span>
<span class="newline"> </<span class="selector-native">div</span>></span>
<span class="newline"></<span class="selector-native">noscript</span>><span class="comment"><!-- END OF NOSCRIPT-CONTAINER --></span></span>
<span class="newline"></span>
</code>
</pre>