willmartian/div.js

Add isnot attribute

Opened this issue · 0 comments

First of all, thanks for making HTML easy to work with.

But as a fellow HTML developer, I know that sometimes you do not really know what you want your div to be, but you surely know what you don't want it to be.

For example, you want a title, but not too big, and not too small either.
Any dev thought process would be something like:
I could use <html> tag but no, that is the name of my programming language.
I could use <base> but I have no idea what it is.
etc.

So, to ease the current syntax we could use:

<div isnot="html; base; link; head; meta; style; body; article; section; nav; aside; h1; h2; h3; h5; h6; hgroup; header; footer; address; p; hr; pre; blockquote; ol; ul; menu; title; li; dl; dt; dd; figure; figcaption; main; div; a; em; strong; small; s; cite; q; dfn; abbr; ruby; rt; rp; data; time; code; var; samp; kbd; sub; sup; i; b; u; mark; bdi; bdo; span; br; wbr; ins; del; picture; source; img; iframe; embed; object; param; video; audio; track; map; area; table; caption; colgroup; col; tbody; thead; tfoot; tr; td; th; form; label; input; button; select; datalist; optgroup; option; textarea; output; progress; meter; fieldset; legend; details; summary; dialog; script; noscript; template; slot; canvas">This is my title.</div>

Then, you are sure this is a <h4> header.
This would be more readable and could count as documentation.