Cool HTML elements nobody uses - https://news.ycombinator.com/item?id=33068563 - https://tapajyoti-bose.medium.com/7-cool-html-elements-nobody-uses-436598d85668
Void elements don't need trailing slash (
We can write
<meta charset="UTF-8"> instead of
<meta charset="UTF-8" />.
Unfortunately Prettier does revert them, see https://github.com/prettier/prettier/issues/5246
The W3C Validator does not recommend trailing slash:
titleelement is a required child in most situations, but when a higher-level protocol provides title information, e.g., in the subject line of an email when HTML is used as an email authoring format, the
titleelement can be omitted.
HTML Head Elements Cheat Sheet: https://kapeli.com/cheat_sheets/HTML_Head_Elements.docset/Contents/Resources/Documents/index
alt is required - see https://html.spec.whatwg.org/multipage/images.html#alt
- Semantic HTML: https://web.dev/learn/html/semantic-html/
- Headings and sections: https://web.dev/learn/html/headings-and-sections/
- Semantic HTML tags: https://www.dofactory.com/html/semantics
Not all groups of links on a page need to be in a
navelement — the element is primarily intended for sections that consist of major navigation blocks. In particular, it is common for footers to have a short list of links to various pages of a site, such as the terms of service, the home page, and a copyright page. The
footerelement alone is sufficient for such cases; while a
navelement can be used in such cases, it is usually unnecessary.
navelement doesn't have to contain a list, it can contain other kinds of content as well. In this navigation block, links are provided in prose
Can have an
article can have
<h1>Demos in Exampland</h1>
<p>Written by A. N. Other.</p>
<li><a href="#public">Public demonstrations</a></li>
<a href="?edit">Edit</a> | <a href="?delete">Delete</a> |
z-indexhas no effect in the top layer.
If we have a
<form> is inside a
<dialog> we can use