cssをタグに直接書くのはあまりかっこよくないのですか？

質問

お世話になります。(一応)サイト制作(html)の仕事をしている者です。
あまりせっぱつまった質問でなくてすみません。。

私はcssをタグに直接書いてしまうことが多いのですが、他のサイトを見てみると、すべてのcssを外部ファイルから呼ぶ書き方をしているものを割と見かけます。

確かにhtmlソースの見た目がさっぱりしているし、なんだかスマートな印象があります。

でも、一度しか呼ばれることのないclassもあったりして、こういうのはタグに直接書いてしまった方が効率がよい気もするのですが、混在させるのはあまりきれいなことではないのですか？

好みの問題だとは思うのですが、こういうお仕事をされているみなさんは一般的にどう考えているのか知りたくて投稿いたしました。お時間のあるときでかまいませんので、どうぞよろしくお願いいたします。

回答No.7

samurai02

更新する人の事を考えると分けるべきです。

回答No.6

koutarou504

視点の問題かと思います。
ＣＳＳを用いる意図とかを意識するなら、ＨＴＭＬとの分離という事から外部ファイルを用いるのが良いのでしょう。
これを質問者の意識の様に作成時の技術的面から見ると、タグに直接記述した方が楽でしょう。なにせＨＴＭＬに密着していますから判りやすい。
一見、ＣＳＳを別ファイルにするとそこだけ見れば済む様な気がしますが、作り方次第で継承等の問題やら、ページ毎での影響などＨＴＭＬ側の全てに対して関連性を調べなければなりません。タグへの直接記述なら他ページを意識する必要はありませんし・・・。

適切に設計が出来ていて、ＣＳＳ側だけ独立して検討しても意図が判る様な命名規則や設定の内部規約があり、第三者が見ても読める（意味が判る）ＣＳＳ外部ファイルなら、タグへの直接記述より便利というか更新がしやすいです。タグへの直接記述だと１０ページ同じ修正箇所があったら１０ページ修正しないといけないという事が手間です。

で、仕事でしょうから、どこに手間を感じるかでしょう。
本当は内部規約くらい作って、きちっとした設計の元で作成してほしいなぁ～と元々汎用機のプログラマだった私は感じますが、それでも小さい業者だとその辺も省いてとなるかもしれませんし・・・。となると、タグへの直接記述の方が楽で安全。ＣＳＳ外部ファイルを用いてもそこに規則性がないもしくは明確でないと、作成者の意図を読み取るためとそれぞれの影響度を調べる為に全てのＨＴＭＬファィルを調べる必要が発生し、便利にするつもりが余計な作業を増やす事にも・・・。

尚、常識というか知識の話で言うと、
ＣＳＳをタグに直接記述するならば、何故にＣＳＳを用いるの？　ＣＳＳはデザインをＨＴＭＬから分離というか・・・。

＞一度しか呼ばれることのないclassもあったりして、
＞こういうのはタグに直接書いてしまった方が
＞効率がよい気もするのですが、
ｃｌａｓｓを単なる識別子とみるか意味付けとまで考えるか・・・。そりゃ、意味付けしなければその分検討しなくて済むから・・・って、何を以って効率を考えるかでしょう。
使い捨てというか更新，修正する気がなければ、全てタグへの直接記述の方が楽でしょうし・・・。
更新する気があれば、一度しか呼ばれることのないｃｌａｓｓと同じ意味の追記が発生すればそのｃｌａｓｓを用いるだけで済み効率的です。これがタグへの直接記述だと同じ記述を複数箇所にしなければいけない事になりますし、複数あるならｃｌａｓｓにというなら元のタグへの直接記述の箇所をｃｌａｓｓに変更という手間が発生しますしどちらにしても非効率かと・・・。

尚、ＣＳＳの外部ファイルですが、扱い方（記述）によってブラウザの振る舞いが違ったりします。これを意図的に利用してブラウザによるＣＳＳの振り分けとかも・・・。

回答No.5

pi8027

CSSはSGML文書の見た目を定義する為の物で、仕様書に従い正しいHTMLを書けばclass属性とかstyle属性を用いる必要はありません。
外部CSSを正しく使えばデザインの統一が簡単に出来るのです。

回答No.4

steel_gray

<p style="color:red;">テキスト</p>
は
<p><font color="red">テキスト</font></p>
と、あんまり変わってない。

私的には
これは直接style属性で、とか、これは別の場所でも使うからclassを付けて別ファイルに、とか考えることの方が面倒だったりします。
修飾はどうするとか、「あんまり」考えずに内容に合わせてclassやIDを適度に割付けておきます。

回答No.3

sun-ward

例えばですが、
　「私が作ったサイトのデザインの崩れを直して欲しいです。
　CSSはタグ内に直接記述してあります。」
というのと

　「私が作ったサイトのデザインの崩れを直して欲しいです。
　CSSは全て外部です。」
という場合を比較するとどうでしょうか。

CSSが外部にあることで、外部CSSをザッとみれば
●このタグにはこういうスタイルで余白はいくつ、
●こういうクラス名は太文字で赤か…というように
HTML内のどういうブロックがデザインに影響しているのか
掴みやすくなると思います。

これに対して、直接HTMLのタグにスタイルを指定すると
HTMLソースの中を探して、ああこのタグにこういう指定があったのか…
ということをしなければなりません。
このとき、HTMLソースに不慣れな人だと、
デザイン崩れの原因さえ見つけられないかもしれません。

私も、殆ど使わないクラスなどは直接記述したりしますし
他の人の手が入らないであろうHTMLは、
直接DIVタグ内にブロックの大きさを記述したりしています。

…ということで、私は
他部署との連携や、後々のことを考えるならできる限り外部CSSで
そうではない場合には割と直接書き込むことが多いです。

回答No.2

osakan_budi

私も一応WEBサイト制作者です。
主のASP、ASP.NETで制作しています。
デザインもプログラミングもします。
再利用可能かどうかより、徹底的に分けたいんだと思います。

回答No.1

noname#45950

ウチの場合、デザイナーとプログラマーは別の人なので、ＣＳＳは別ファイルです（ちなみに私はプログラマーです）。