- ベストアンサー
HTML、divについて
HTMLについて質問です。 <head> <body> 文章 <hr> 文章 <hr> 文章 </body> </head> というページを作った時、上、中、下の文章はそれぞれを特にcssに設定したいことはないですが、divで囲ってグループ分け？すべきでしょうか。 このままでも構わないでしょうか。 もうひとつ、現在はhead部にtitleではなくTITLEを使うべきなのでしょか。 回答よろしくお願いします。
- みんなの回答 （9）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (8)
大文字・小文字を使い分ける必要がない！とかかれていませんか？・・・ 以前、ＨＴＭＬでは、タグは、大文字、xhtmでは、小文字で書くことが推奨されていましたが、どちらで書いても問題ないことが、明らかにされていました。 ＨＴＭＬ５でも、まったく同じことがいえるのでは？・・・ 私は、タグはすべて小文字で書いています。 titleでも、ＴＩＴＬＥでも、Ｗ３ＣのValidatio(http://validator.w3.org/)も通ります。
補足
＞すべてのHTML文書には、HEAD中に、1つのTITLE要素があらねばならない。 とはありましたが、そのような文は見つけられませんでした。 http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#h-7.4.2
- ORUKA1951
- ベストアンサー率45% (5062/11036)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
＞ユーザーエージェントとはＩＥやＦｉｒｅＦＯＸのようなブラウザでしょうか。 いいえ、 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから 例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［2.2.1 HTMLの略歴( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より ＞つまりブラウザがＨＴＭＬの形式を超えて、それぞれ独自のサポートしてしまっているために、本来のＨＴＭＬの使用法を無視されがちになってしまっているといことでしょうか。 なんとか、表示しようと頑張ります。--そのように仕様で定められている---ブロックに入ってなくても、仮にブロックをつくって入れてしまいます。このときの解釈に差があることがブラウザによる表示差の原因になることもしばしばです。 ＞やはり、ブロック要素にいれることが適切なのですね。 というより、ブロックに入っているはずですよ。 ＞完全に仕様書にのっとることもまた、必要とされていない場合もあるということですね。 誰も得しません。著者であるあなた自身がもっとも得をするのです。
お礼
回答有難うございました。
仕様書に従う従わないは、WHATWGとW3Cの話になりますが、この両者がたがいに協力し合って策定しているのが、現在のＨＴＭＬ５です。 利害とか見えるからいいではないか！・・・といわれるのであれば、別に仕様書に従う必要はありませんが、より多くの閲覧者に、見ていただきたいのであれば、仕様書に従って記述したほうがリスクが少ないということです。 健常者以外の閲覧者にも、あらゆるデバイスを利用する人に、情報を正しく伝えるという理念があるかないか？・・・の問題になると思います。 みえるだけでは、次元が低いとおもわないですか？・・・ そのあたりの解釈の問題です。 あなたが制作したＷＥＢを、閲覧者が、正しく見えないとしたら、せっかく見に来てくれた閲覧者に失礼と思わないのであれば、別に仕様書に従う必要もないでしょう。 もっと大人の考えを持ってＷＥＢと向いあっていただきたいと思います。 あらゆるブラウザでご自身の制作したページがどのようにみえているか？・・・を確かめられてみてはいかがでしょうか？・・・ たとえば、音声ブラウザでは？・・・ この辺が理解できれば、なぜ勧告が必要なのかも理解できると思いますよ！
補足
もちろん仕様書にのっとるべきという事は理解できました。 ですが、私が ＞完全に仕様書にのっとることもまた、必要とされていない場合もあるということですね。 といったのは、仕様書にtitleとTITLEを使い分けるべきと書かれているのにも関わらず、ここでの回答では全てtitleでもよいとのことでしたので、そう発言したのですが・・・ それともtitleとTITLEは使いわけるべきということでしょうか。
- DrFell
- ベストアンサー率55% (305/551)
sorakanaさんの意図がわかりかねますが、前の質問と併せて考えると、グループ分けした方がいいと思います。 今回のお題ですと、 <body> <div class="sansei"> <p>文章</p> <p>文章</p> </div> <div class="hantai"> <p>文章</p> <p>文章</p> </div> <div class="chuuritu"> <p>文章</p> <p>文章</p> </div> </body> などと、グループ分け（構造化）しておいてはいかがでしょうか？ そのうえでデザインを付けるときには div{ border-bottom:1px solid #000; padding-bottom:0.5em; margin-bottom:1em; } .sansei{ background-image:url(○○.jpg) right; padding-right:150px;/*○○.jpgの横幅+アルファに変更してください*/ } などとされてはいかがでしょうか？ デザインは構造化の為のdivを利用するわけで、空のdivを挿入する必要はありません。後からデザイン的に画像が欲しいとなってもhtmlをいじる必要がなく、cssファイルを変更するだけで、そのｃｓｓファイルを参照しているページすべてに画像が挿入されます。 構造化する必要がある内容なら（最近新しく作られる場合は殆んど構造化する必要があると私は考えています）、構造化された方が、後々の管理が楽ですし、さまざまなメリットが後々生まれる可能性があります。サイト管理を続けると、増え続けますが、ご質問のような文章構造では、しょっちゅう全ページ書き直すことになるのではないか？と推察します。 「エラーでもいい、問題がなければやりたいようにやる。今の自分の表現したいことが、今の自分の環境でのみ見えたらいい」、というのも管理者であるsorakanaさんの自由です。 文法だのなんだの難しいことは今はわからないかもしれないので、お読み物として次のようなお話はいかがでしょうか？ http://web.archive.org/web/20100606054829/http://3ping.org/2005/09/27/0126
お礼
ブロック分けはしすぎなほどしようと思いました。 ＞デザインは構造化の為のdivを利用するわけで、空のdivを挿入する必要はありません。 やはり皆さんの反応から察するに、私の質問の仕方が悪いためにやりたいことは伝わっていないようです・・・ 説明に不備があり、すみませんでした。 ＞エラーでもいい、問題がなければやりたいようにやる。今の自分の表現したいことが、今の自分の環境でのみ見えたらいい」 とは思っていません。ただ理由が分からなかっただけです。 回答有難うございました。
- neko-ten
- ベストアンサー率55% (1287/2335)
DOM指定とかまともにできなくなるから、Ajaxや動的コンテンツ作成とかするならきちんと構造化しないといけない。 まぁ、気にしないなら気にしないで現状表示されるのは確かですが・・・ ただ ＞少なくとも自由にhtmlを書いてＩＥやＦｉｒｅＦＯＸでは不備なく表示されます。 不備なく表示されてるというより、無理やり表示してるので表面化していないってだけですね。 デコード段階ではエラー吐いてます。 上記のとおりDOMを扱い始めるとまともな指定ができなくなりますし、普通にエラー吐き始めます。 本来の仕様としては表示しないべきなんですが、ここはブラウザが勝手に解釈しているにすぎません。気を聞かせてると言えなくもないけど・・・。 ただ本来の仕様ではないので無茶過ぎる場合はまともに表示されないこともあるっぽい。 また、ブラウザで表示が変わることもあります。 規格ではNGなのを無理やり表示してるから、ブラウザによって実装違いがあります。 現在ブラウザによる実装違いがいろいろあって開発現場を困らせていますが、その原因の一端は仕様に乗っ取らないHTMLの氾濫があったと言われてます。 （・・・まぁ、IE6世代やNNといったバグや独自実装が多いブラウザがたくさんあったのが本原因だと思っていますが。） 現状、HTMLの仕様に乗っ取った構造を守ろうって考えが多くなってまして、ブラウザ開発もそれに乗っ取った考えが出てきています。 今後仕様を外れたHTMLはまともに表示されないって可能性は普通にありますね。というかはよなってほしい。IE6は滅してほしい。 あとはレンダリングに無駄なリソース食うようになるから、小規模なら気にならないけど大規模なサイトを作った場合にはきちんとstaticなのかどうかで表示速度が変わります。 一般的に例外処理扱いになりますから、本来のレンダリングとは別に処理します。 ＞というページを作った時、上、中、下の文章はそれぞれを特にcssに設定したいことはないですが、divで囲ってグループ分け？すべきでしょうか。 ＞このままでも構わないでしょうか。 headに本分入れてる時点でアレなのはまぁおいといて・・・ divを使うかどうかはデザイン次第だから、別に使わなくてもいい。 ただ、コンテンツ増やしてUIを考えて・・・階層化して・・・ とか考えると、きちんとオブジェクトを扱って言ったほうが後々楽です。
お礼
前の方に回答頂いて認識した内容の確認を再度できました。 アドバイスも有難うございました。 回答有難うございました。
- pasocom
- ベストアンサー率41% (3584/8637)
IEやFirefoxで問題なく表示される、とのことですが、現状ブラウザの種類はたくさんあります。GoogleChrome、Lunarscape、Opera、Safari。さらに今後スマホでネット閲覧する人も増えるでしょう。 それらの多くのブラウザで同じに表示されるか自分でいちいち確かめるのは大変ですね。 それで、リスク回避のためにはなるべく新しい仕様のHTMLなどの決まりを守った方が安心っていうことじゃないでしょうか。 ちなみに質問のような単純な構成であればどのブラウザでも現状同じに表示できるでしょうけど。 （必要なければdivタグを使うまでもない）。 二つ目ですが、titleタグを使うのはブラウザのアクティブバーのところにページ名を表示したり、ブックマーク登録の際に簡単にページ登録するためですね。制作者自身でもタイトル表示があった方が何かと便利だと思います。 （大文字、小文字という質問ならどっちでも同じというのが答えです）。
お礼
スマートで、納得できそうな、質問に理解のある回答有難うございます。 2つ目に関しては他の方に教えていただいた、「仕様書」（Ｗ３Ｃ）なるものに、titleとTITLEが分けて使うよう書かれていたのです。 回答有難うございました。
HTMLでは、大文字、xhtmlでは、小文字で書く、と言われていますが、どちらで書いてもエラーにはないません。 ただ、タグの意味を理解されていないようなので、仕様書を読まれることをお勧めします。 http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html 基本的な記述方法は、文章型宣言から始まり<html>～</html>で終わります。 <body>は、文章全体を表しますが・・・・・説明していると、文面が長くなりますので、ご自身で、仕様書を熟読してください。 書店に売っている本には、多くの間違いがあります。 W3Cの原文でお確かめください。英語が苦手な場合は、紹介したページでとりあえず学んでください。 すべてのことが決められています。ただしhtml4.01の仕様書は、1999-12-24に勧告となったもので、現在はHTML5のドラフトで、記述される方が多いようです。 一部の仕様が決定していないので、現状では、HTML4.01とxhtml1.1が、最新版ということになります。 <hr>タグは、ほとんど使うことがないのが現状ではないかな？・・・<border>タグで自由になるはずです。 ｈｔｍｌは文章構造を書くものだという認識がないと、なかなか前に進めないと思いますよ。 参考になるかどうかはわかりませんが、下記サイトからtemplateをダウンロードして学んでいただければ、幸いです。
補足
他の質問から引き続き回答有難うございます。 ですが、 ＞ただ、タグの意味を理解されていないようなので、仕様書を読まれることをお勧めします。 の意味や ＞すべてのことが決められています。 決められている。ではなく、それに従う必要性、反した場合のリスクを教えていただきたいのです。 少なくとも自由にhtmlを書いてＩＥやＦｉｒｅＦＯＸでは不備なく表示されます。 ですがそこにそれ以外のところで、理解できない注文があるため「理由」や「リスク」を教えていただきたいのです。
お礼
ユーザーエージェントとはＩＥやＦｉｒｅＦＯＸのようなブラウザでしょうか。 つまりブラウザがＨＴＭＬの形式を超えて、それぞれ独自のサポートしてしまっているために、本来のＨＴＭＬの使用法を無視されがちになってしまっているといことでしょうか。 やはり、ブロック要素にいれることが適切なのですね。 <p>の存在をわすれていたのと、<p>で良い事を教えていただき有難うございます。 titleは大文字でも小文字でも構わないとのことで。 完全に仕様書にのっとることもまた、必要とされていない場合もあるということですね。 回答有難うございました。
補足
お察しの通りheadにbodyを入れてしまったのは、間違えてしまいました；