【HTML】一括で消せるように仕込む

途中で内容を消したいと事前に考えているとき、後にひとつひとつ記事を編集するのは面倒です。
事前に設定をしておくことで、一括で表示を消すことができます！
例えばブログランキング用のリンクボタンなどは、必要のなくなった時に一括で消すことができます。

参考

非表示タグを作ってみよう！

divタグとclass属性を用いることで、簡単に設定できます。

まずデザインCSSにこれを仕込みましょう。「hidden-tag」という名前でclassを定義します。
デザインCSSには末尾に追記する形で、コピペしてください。

.hidden-tag {
    display: static;
}

次に消したい内容を以下のdivタグで囲みます。class要素に先ほど定義した「hidden-tag」を指定します。
例えばこんな感じ。私はランキングサイトに加入していないので、代わりにそれっぽい画像を使ってます。

HTML

<div class="hidden-tag">
このタグの中に消したい内容を書きましょう！<br>
以下をポチッと押してください。<br>
<img>
</div>

Result

このタグの中に消したい内容を書きましょう！
以下をポチッと押してください。

divタグで囲んだ内容を一括で非表示にしてみましょう。
非常に簡単で、デザインCSSに追記したhidden-tagクラスの中のdisplayを以下に書き換えるだけです。

.hidden-tag {
    display: none;
}

反対に戻したい(再表示させたい)ときは、先ほどと同じように書けば表示されます。

.hidden-tag {
    display: static;
}

divタグで指定したclass名は、好きな名前を指定することができます(一部を除いて)。
複数のclass名を用意しておけば、それぞれ非表示にすることができることもできますよ！
あと、ランキングサイトの規約もよく確認してくださいね。