[2]
unit-number
は単位付きの数値を表す HTML カスタム要素です。
[1] wakaba/html-unit-number () https://github.com/wakaba/html-unit-number
[3] 数値、単位、その全体をそれぞれ要素として表します。 それぞれの色や大きさ、フォント、間のアキの大きさなどは CSS で制御できます。
[4] JavaScript で数値型の値を設定して、 自動的に数値と単位を設定させることができます。 km と m のように、適切な大きさの単位を自動選択させられます。 (表示用の単位付きの値の整形をアプリケーションロジックから分離できます。)
[5] 長さ、高さはメートル法 (m, km) とヤードポンド法 (フィート, マイル) のどちらかを選べます。 自動的に換算するので、アプリケーションはメートル法だけで実装できます。
[6] html-page-components の $fill とも組み合わせて使えます。