HTML小技集を読んだ
少しのコードで実装可能なHTML小技集 | Webクリエイターボックス
読んだ。
これ知ってる！というのは<details>や<summary>と画像の遅延読み込みくらいしかなかったので勉強になった。
React / Vueのコードを使って、デザインされたコンポーネントライブラリを使ってフォームを組み立てていたりするので、optgroupは全然知らなかった。普段はElement UIのSelectコンポーネントなどを使っていて、propsを渡してgroupを作成したりするので。
type属性の指定やエンターキーのテキストを変更するenterkeyhintは身近だし全然意識していなかったので学べてよかった。type属性の指定は正しくやろうという心構えを改めてするとともに、enterkeyhintは使っていきたい。ずっと画面上のsubmitのテキストだけしか気にしてこなかった。
画像の遅延読み込みは昔ライブラリでどうこうというやり方をしていたが、今はそういうライブラリを使わなくてもいけるのかな……？使っている技術スタックにもよる気がするが、HTMLだけでもできるということは頭に入れておきたい。
テキストの折返しについてはoverflow-wrap: break-word;のような指定をすることが多いが、これと混同する気がするので、CSSが使えないとき(そんなことあるのか？)に使えばいいかな？という感じ。
work-breakとword-wrapとoverflow-wrapが混同したのでちょっと古いけど↑を読んだ。基本的にword-wrapとoverflow-wrapを併記しておけばよさそう。