エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
HTML5タグのdetails/summaryを使ってGitHubのREADME/コメントを整理
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
HTML5タグのdetails/summaryを使ってGitHubのREADME/コメントを整理
B! 7 0 2 0 とあるGitHubのレポジトリのREADMEを見ていたら 一部を折りたたんで表示するアコーディオン... B! 7 0 2 0 とあるGitHubのレポジトリのREADMEを見ていたら 一部を折りたたんで表示するアコーディオン表示になっていたので GitHubの仕様かと思ってたんですが、 HTML 5.1で導入されたdetails/summary要素によるものでした。 これを使ってGitHubのREADMEなんかで長くなってしまって重要でない部分を一部折りたたんだり、 Issuesとかでも上手く使うことで見やすくすることが出来ます。 details/summary 隠し部分ではMarkdownも使える まとめ details/summary 使い方は 1 2 3 4 5 6 7 8 9 10 <details> <summary> 見出し部分。ここをクリック。 </summary> <div> ここが隠れてる部分。 </div> </details> みたいに書くと 見出し部分。ここをクリック