# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://woodrowpearson.gitbook.io/woodrow-wiki/front-end/html.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.