HTMLメモ

カレンダー表示

<p>日付を入力してください。</p>
<input type="date" value="2022-07-16">

value値にデフォルトの日付をセットしてあげます。

画像の遅延ロード

<img src="hoge.jpg" loading="lazy" alt="">

スムーススクロール

html {
    scroll-behavior: smooth;
}

アスペクト比固定

img {
    aspect-ratio: 16/9;
    width: 100%;
    height: 100%;
}