複数のh3要素があるが、付けるclass名は同じ物だ

Writer: admin Type: clarksre Date: 2019-01-08 00:00
複数のh3要素があるが、付けるclass名は同じ物だけ。わざわざclass付けなくても、h3でcssを適用すればいいのではないかと思ってしまうのですが。何か意味があるのですか?よろしくお願いします。共感した0###全ページ共通のCSSに記述するならclass指定して指定要素すべてのデザインを統一させると言う方法もあるでしょう。しかしそのページ専用のCSSに記述するのであれば不要ですね。HTMLにやたらとidやclassを割り振る人がいますが、正直HTMLやCSSの視認性が悪くなるしCSSがセレクタ記載の場合に比べてソースコードを探すのに無駄な時間を消費するので、無意味なidやclassは使用しないほうが良いのではないかと私は思っています。具体的には、JSのdocument.getElementById()とかで指定しない限りは、idもclassも不要であると思っています。たまにあるのが、CSSの点数制度を知らなくてh3(h3が1点の合計1点)のみで指定した際に、main section *(main1点、section1点、アスタリスク0点の合計2点)とかのより点数の高いCSSが優先され、点数の低いCSSが効果を発揮せず、効果が発揮されないことをCSSが正常に動作していないのと勘違いしてclassを割り当ててしまうというパターンがあったりしますね。ちなみにclassは10点、idが100点、HTMLに直接記載が1000点ですね。ですので特定個所に影響するCSSが複数存在する場合、新たにCSSを上書きするには何点以上必要なのかの把握をしておくと良いでしょう。ナイス0
###この大きさの文字だからh3という決め方ではなく、h1、h2があってのh3です。見出しは必ずしもデザインが一緒とは限らないので、基本つけていた方が好ましいと思います。きちんとマークアップすると同じページに複数のデザインを持ったh2やh3がいっぱいあったりしますからね。またh3でcssを付けると予期せぬところに要らないマージンがかかっていたり、特に複数人でプロジェクトを管理する時など大変なことになります。もちろん小規模のページなら不要ですね。ナイス0
###適用しているCSSが「h3要素に」ではなく「このclassの要素に」適用したい内容だからでは?同じCSSを適用したいh要素が、別のページではh要素がどうしてもh2(もしくはh4)にしないといけなくなったらどうしますか?あるいは将来的にそのページに別のCSSを適用するh3要素を増やさないとも限らないわけで。そんなときに「h3要素に」ではなく「このclassの要素に」適用しておいた方が対応が楽でしょ?ナイス0

 

TAG