【HTML】コメントアウトしたいけど、すでにコメントアウトが中にあるときのコメントアウト方法(styleタグで実装)
- 2022.4.3
- HTML


あのー、コメントアウトしたいのですが、すでにコメントアウトが中にあるときってどうやってコメントアウトすればいいですかー?

あー、そのパターンねー、styleタグを使えば簡単にできますよー
頑張ってコメントアウトするならこちら
正当に行くならこれが正解です。
ただ少し手間です。
See the Pen
【HTML】コメントアウトしたいけど、すでにコメントアウトが中にあるときのコメントアウト方法(styleタグで実装) by 125naroom (@125naroom)
on CodePen.
コードはこちら
HTML
<!-- <div> <h2>テキスト</h2> --> <!-- コメントアウト --> <!-- <p>テキストテキスト</p> </div> -->
簡単にコメントアウトするならstyleタグを使う
とてもシンプルで良いです。
See the Pen
HTMLでコメントアウトを入れ子で書く方法(styleタグで実装) by 125naroom (@125naroom)
on CodePen.
コードはこちら
HTML
<style>/* <div> <h2>テキスト</h2> <!-- コメントアウト --> <p>テキストテキスト</p> </div> */</style>
scriptタグを使ってもできる
ま、アリだと思いますが、なんだか急にscriptタグが出てくるのが嫌だなと思ってしまうのでstyleタグのほうが素敵かなと思ってしまいます。(個人的見解です)
See the Pen
【HTML】コメントアウトしたいけど、すでにコメントアウトが中にあるときのコメントアウト方法(styleタグで実装) by 125naroom (@125naroom)
on CodePen.
コードはこちら
HTML
<script>/* <div> <h2>テキスト</h2> <!-- コメントアウト --> <p>テキストテキスト</p> </div> */</script>
さいごに

おー、簡単だー

さ、おやつにしましょうー
おすすめ
かんれん
- web / 2020.3.26
- 【HTML】UTF-8だったら、機種依存文字(環境依存文字)は問題なく使えます
- web / 2021.12.23
- 【HTML】aタグのリンクを無効にする、スタイル(CSS)はそのままで
- web / 2022.2.4
- 【HTML】ファイル(PDF)を表示せずにダウンロードする
Googleさんのおすすめ
人気記事
- web / 2019.4.16
- 【CSS】ハンバーガーメニュー実装サンプル集(クリック時のエフェクトも集めました)
- web / 2019.9.27
- 【jQuery】スライダープラグイン「slick」実装サンプル集
- web / 2022.2.1
- 【jQuery】アコーディオン実装サンプル10選
- web / 2021.9.17
- 【jQuery】ページ内リンクでスムーズスクロール(スクロール位置の調整も簡単にできる)
Googleさんのおすすめ
デザインの記事
- 2022.08.10New
- SLAM DUNK Talkin’ to the Rim 2
- 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
- デザインのこと – Web design gallery
- 2022.08.10New
- SLAM DUNK Talkin’ to the Rim 2
- 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
- デザインのこと – Web design gallery
- 2022.06.15
- ちょっと思い出しただけ
- (C)2022『ちょっと思い出しただけ』製作委員会 もくじ 『ちょっと思い出しただけ』 あ…
- いつかのこと – 無印良品の家と暮らす
- 2022.06.04
- 『点』、登場人物は3人だけ
- (C)2017 WARNER MUSIC JAPAN INC. もくじ 『点』 登場人物は3人だけ なんとも心地よい …
- いつかのこと – 無印良品の家と暮らす