Head, Heading, Header, Headline

Someone is getting a broader idea that the rules of the web are powerful

The project built without JS is https://textlog.cc/hot

textlog is a simple social text log: write short notes, follow people and hashtags, and join conversations without turning every thought into a performance.
Notes are limited to 500 characters. The constraint keeps them quick to write and read, making room for one thought at a time.

textlog is built around words: notes, people, hashtags, and conversations. It is intentionally small, straightforward, and easy to follow. There are no engagement tricks or pressure to build an audience.

I missed it! Maybe next year.

The related website collection is available at https://e2e.html.energy/

• <details>
• popover
• grouped <details>
• command & commandfor
• native input pickers
• <datalist>
• loading="lazy"
• hidden until-found

The entire element such as a card is interactive as a button for visual users. The button or link remains correct for the rest of the users.

Recreating a button from scratch is hard. Here is why.

Semantic HTML tags improves the UX, so let's use the UX of HTML

<div> is chaotic neutral and many HTML tags fall back to a generic HTML tag.

<section>, <header>, <footer> and <div> containing texts are exposed as <p>

A 16KB alternative to Prism and highlight.js: https://github.com/j9t/syntaxp

How It Works

• Finds all <code> elements with a class=language-* attribute
• Tokenizes the text content using regex-based per-language tokenizers
• Creates StaticRange objects for each token
• Registers them as Highlight objects in CSS.highlights
• Styles them via ::highlight() CSS rules

headingoffset is a new HTML attribute to increase the upcoming heading levels. It's definitely not there yet https://caniuse.com/?search=headingoffset

How can I style an H3 when there's no H3 tag?
With the selector :heading(3).
But be aware of the browser support: inexistant (https://caniuse.com/mdn-css_selectors_heading)

That's a way

Meet hihtml, a convenient abstraction that allows you to validate HTML pages using HTML-validate, that checks on deprecated markup using ObsoHTML, that comes with a built-in link checker, and that minifies the respective web pages using HTML Minifier Next!

These are definitely the rules I follow. I still not reach for <menu> yet.

in HTML5 they realized it was kinda annoying that the spec didn’t allow us to clump the terms and definitions together. So now a

is permitted as a non-semantic wrapper to help us clump those terms and definitions together:

Action list should be put inside <menu>. The nav element is a sectioning element whereas the `menu element is a list element.

Validate the wrapped HTML

A trend emerges for specialized specification file (such as LICENSE or README). The author proposes one for HTML.md:

* Use the elements most appropriate semantically.
* Use as little HTML as possible.
* Validate all HTML output against an HTML validator (preferably the W3C one), and fix any errors.