UPDATE：2022.11.14
- CATEGORY
ようやく使えるようになったHTML
こんにちは、かずです。以前はIEサポート外になったことから使えるCSSを紹介しました。
IEのサポート終了してからのCSS事情
今回はhtml要素でもありますので、ご紹介&忘れないためのアウトプット！
picture
details
<details>
<summary>よくある質問の質問部分</summary>
<p>よくある質問の回答部分</p>
</details>
実装例↓<summary>よくある質問の質問部分</summary>
<p>よくある質問の回答部分</p>
</details>
よくある質問の質問部分
よくある質問の回答部分
これ便利すぎてやばいです。よくある質問はこんな感じで開いたり閉じたりしてますがJS使わずにいけるのがもうやばいです。
すごい。
<details open>としておけば最初から開いた状態にもできるので優秀。
CSSもまだあったと思うので、そのうちちゃんと使い始めたらどんどん紹介していこうと思います！
それでは。
<source srcset=”images/main_visual.jpg” media=”(min-width: 768px)”/>
<source srcset=”images/main_visual_sp.jpg” media=”(max-width: 767px)”/>
<img src=”images/main_visual.jpg” alt=”メインビジュアル”>
</picture>