- ベストアンサー
divを何重にも重ねる理由と、サイト作成の勉強方法
- なぜ多くのサイトでdivを何重にも囲むのかが分からない
- Qiitaのサイトを例にして、divの多重構造について疑問を抱いている
- 本格的なサイト作成に進むための学び方や書籍についてアドバイスを求めている
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
まず、注目点は、そのｕｒｌ。おしりが、.htmlやその派生で終わってませんね。これが、何を意味するかというと、おそらく、このページは、人間が書いていないと言うことです。サーバー上で、プログラムが自動で書いています。 その、長い長い暗号みたいな文字と数字の羅列からなるｉｄも、それを示唆しています。 プログラムを組む立場からすると、一つのことをする為に、他の部分が作った構造を触りたくないという心理が働きます。他の部分が作った物をそっとして置いて、自分の仕事（例えば、特定のcssを適用させる）とかいうことをしようとすると、自分の作業のためのclass名だの自分の作業のためのidだのを新規に作って、ぶら下げると言うことになりがちです。 このページを一つ作るにも、ベースのレイアウトを用意して、そのレイアウトに対して、ブログの作成者が指定したカスタマイズを適用して、更に、個別のエントリーに対して指定されたカスタマイズを適用して・・・更に、Qittaがページに挿入する広告などの配置・レイアウトをコントロールし・・・中身の記事を書き・・・と相当な量の個別の作業をする必要があります。こんなの一気に出来ませんから、一つ一つの仕事をモジュールにわけて、他のことを可能な限り考えず、その仕事に専念する形で、各部の生成プログラムを作ろうとします。その結果は、仕事の数だけ<div>が出来上がる・・・という完成したhtmlソースを直接読むことを考えない構造が出来上がります。 何故、他の仕事が作ったdivをそのまま流用しないかというと、他の仕事は自分の仕事と独立して書き換えられるかもしれないし、自分の作業とは関係の無い理由で別のコードを作る可能性があるからです。こういうのを依存性と言って、プログラマは嫌います。 ある程度の複雑さをもつ、カスタマイズ可能なページを自動で作ろうとすると宿命みたいな感じです。 とりあえず、学習のために、模倣できるページというのは、最近少ないですね。ほとんどのページが何らかの形で自動生成ですから・・・ それより、そのページの何がまねをしたいのか？を細かくわけて考えて、その機能を実現するための方法を、googleなりなんなりで検索する方が良いかもです。参考にしたいページがあったら、それを自分でなんとか実現できないか、作ってみて、わからない機能をその機能に絞って調べる・・・の積み重ねでしょう。
その他の回答 (1)
- t_ohta
- ベストアンサー率38% (5238/13705)
id、classの属性を複数適用するために<div>をいくつも重ねることがあります。 参考にされているようなサイトは1ページずつ人がHTMLを書いている訳ではなく、プログラムでHTMLを書き出すのでキレイなHTMLには成りにくい傾向にあります。 書籍で勉強できるのは入門編くらいまでです。 あとは実践で身に付けていくしかありません。 経験豊富な人と一緒に仕事をすると、一気にスキルアップできると思いますよ。
お礼
人が書いているのではなく、プログラムで書き出すとこうなるんですね。 現在、経験豊富な人が近くにいる状況ではないですが、トライアンドエラーで学んでいこうと思います。 ご回答ありがとうございました。
お礼
URLの末尾から、どのように作成されたのか分かるとは知らなかったです。 またdivを多用するのは、多くの人が携わった結果だという回答には、なるほどと思いました。 学習の仕方について、ごもっともだと思います。学びたい機能を知って、調べて、繰り返して勉強したいと思います。 ご回答ありがとうございました。