> For the complete documentation index, see [llms.txt](https://woodrowpearson.gitbook.io/woodrow-wiki/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://woodrowpearson.gitbook.io/woodrow-wiki/front-end/html.md).

# HTML

## Notes

* As a general rule, if there will be only one such element on the page, you can use an id. Otherwise, use a class.

## Links

* [HTML reference](https://htmlreference.io/)
* [DOM Enlightenment](http://domenlightenment.com/) - Exploring the relationship between JavaScript and the modern HTML DOM.
* [Virtual DOM is pure overhead (2018)](https://svelte.dev/blog/virtual-dom-is-pure-overhead) ([HN](https://news.ycombinator.com/item?id=19950253))
* [Folding the DOM (2019)](https://www.joshwcomeau.com/posts/folding-the-dom/)
* [About HTML semantics and front-end architecture (2012)](http://nicolasgallagher.com/about-html-semantics-front-end-architecture/)
* [Simple HTML form for your website](https://www.staticforms.xyz/)
* [HEAD](https://htmlhead.dev/) - List of everything that *could* go in the head of your document.
* [HTML Living Standard](https://html.spec.whatwg.org/multipage/)
* [Learn to Code HTML & CSS book](https://learn.shayhowe.com/html-css/)
* [Native HTML Autocomplete with datalist](https://codepen.io/tejask/pen/OJJBLrq)
* [HTML isn’t done! (Chrome Dev Summit 2019)](https://www.youtube.com/watch?v=ZFvPLrKZywA)
* [A History of HTML Parsing at Cloudflare (2019)](https://blog.cloudflare.com/html-parsing-1/)
* [html-tags](https://github.com/sindresorhus/html-tags) - List of standard HTML tags.
* [hast](https://github.com/syntax-tree/hast) - Hypertext Abstract Syntax Tree format.
* [Optimal Virtual DOM (2019)](https://blog.kabir.sh/posts/optimal-virtual-dom.html)
* [tags-input](https://github.com/developit/tags-input) - Input element with tag input.
* [HTML attributes to improve your users' two factor authentication experience (2020)](https://www.twilio.com/blog/html-attributes-two-factor-authentication-autocomplete) ([HN](https://news.ycombinator.com/item?id=22022106))
* [Native HTML Elements with CSS superpowers](https://github.com/equinusocio/native-elements)
* [A Complete Guide to Links and Buttons (2020)](https://css-tricks.com/a-complete-guide-to-links-and-buttons/)
* [pup](https://github.com/ericchiang/pup) - Parsing HTML at the command line.
* [How to Build HTML Forms Right: Semantics (2020)](https://stegosource.com/how-to-build-html-forms-right-semantics/)
* [sal](https://github.com/mciastek/sal) - Performance focused, lightweight scroll animation library.
* [MVP.css](https://andybrewer.github.io/mvp/) - Minimalist stylesheet for HTML elements. No class names, no frameworks, just semantic HTML. ([Code](https://github.com/andybrewer/mvp))
* [HTML DOM](https://htmldom.dev/) - Common tasks of managing HTML DOM with vanilla JavaScript. ([Code](https://github.com/phuoc-ng/html-dom)) ([HN](https://news.ycombinator.com/item?id=22758218))
* [hyper(HTML)](https://github.com/WebReflection/hyperHTML) - Fast & Light Virtual DOM Alternative available for Node.js and NativeScript too.
* [Open Graph Image as a Service](https://github.com/zeit/og-image) - Serverless service that generates dynamic Open Graph images that you can embed in your  tags.
* [Responsive Images the Simple Way (2020)](https://cloudfour.com/thinks/responsive-images-the-simple-way/)
* [sahtml-query](https://github.com/mdevils/sahtml-query) - Fast and low memory query API for HTML (node.js).
* [HTML is more complicated than you think (2020)](https://www.tempertemper.net/blog/html-is-more-complicated-than-you-think)
* [X GIF](https://github.com/geelen/x-gif) - Custom element for flexible GIF playback.