【IT】HTML5で知らなかったこと…summaryタグが意外に便利

個人的に今日始めて知ったこと

detailsタグとsummaryタグ

JSで実装しないといけないと思っていた「つづきを見る」「もっと見る」機能ですがdetailsタグをsummaryタグを用いれば簡単に実装できるそうです。こんな感じ↓

ここに本文をいっぱい書きます。
もっと見るを押す前は隠れています。

まあ、ブログぐらいにしか使用しないかと。長いテキストが入るサイトであればもしかしたら使うかもしれないけど、通常Webページは縦に長い分には支障をきたさないので、わざわざこれをHTMLタグで実装できるようにする必要があったのか？と言うと「いらないよなぁ」と思ってしまいます。

どっかからコピーペーストしたコードに半角スペースがヅラーっと入ってしまったとしましょう。これを上手く消すにはどうするか？

…原始的な方法としては「リプレイスと正規表現をしないといけない」と思い込んでいましたがVSCodeを使用するともっとかんたんに実現できるそうです。

Windowsの場合はCtrl+Shift+Pを入力するとコマンドパレットが開きます。trimと打ち込んでEnterを推すとテキスト右側の不要な半角スペースだけが綺麗に消えてくれます。

おそらくCtrl+Kがカット？Ctrl+Xが実行を意味するんだと思いますが、この２ステップのキーを推すことで消すことができます。

VSCODEいまさらですが非常に便利ですね。