- ベストアンサー
タグについて
タグの意味がわかりません。誰か教えてください。（例）<STYLE type="text/css"> <!-- BODY { padding: 10px; border-style: outset; border-width: 20px; border-color: royalblue; background: lightblue; } --> </STYLE> などのにおけるタグの<!-- -->の部分はなにを意味しているのでしょうか？（なにを指定しているのでしょうか？）
- HTML
- 回答数6
- ありがとう数0
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんにちは。 スタイルシートのタグの中に<!-- -->が入っているのは「スタイルシートに対応していないブラウザへの配慮のため」です。 具体的に説明しますと、 <!-- -->はHTMLタグのコメントのタグですよね。 <!-- -->で囲われた部分はブラウザには表示されません。 例えばこのようにHTMLを書くと (頭の<html>などは省きます) … --------------------------------------------- こんにちは<BR> いつも教えてgoo見ています。<BR> <!--ほんとはたまにだけど--> よろしくお願いします。 --------------------------------------------- 実際に表示されるのは下のようになりますよね。 例えばこのようにHTMLを書くと (頭の<html>などは省きます) … --------------------------------------------- こんにちは いつも教えてgoo見ています。 よろしくお願いします。 --------------------------------------------- ブラウザは自分がわからないタグは無視しますので、もしこの<!-- -->がかかれていないと、スタイルシートが理解できないブラウザには以下のように表示されてしまいます。 --------------------------------------------- 【<!-- -->をなくしたソース】 <HTML> <HEAD> <TITLE>教えてgoo</TITLE> </HEAD> <STYLE type="text/css"> BODY { padding: 10px; border-style: outset; border-width: 20px; border-color: royalblue; background: lightblue; } </STYLE> <BODY> こんにちは。 <BODY> </HTML> --------------------------------------------- 【スタイルシート非対応のブラウザで見たとき】 BODY { padding: 10px; border-style: outset; border-width: 20px; border-color: royalblue; background: lightblue; } こんにちは。 --------------------------------------------- <STYLE type="text/css">と</STYLE>の部分はタグだとわかるので無視するだけでブラウザに出力しませんが、border-width: 20px;の部分はタグの形式をとらないものなので、そのまま文字列と判断されブラウザに表示されてしまうことがあります。 そのために<!-- -->をつけて、<STYLE type="text/css">と</STYLE>が無視されても表示しないようにしているのです。 ※コメントアウト(<!-- -->)は複数行にわたっても有効です。 蛇足ですがJavascriptの分にもこのコメントアウトがついていますが、同様の理由によるものです。
その他の回答 (5)
- STICKY2006
- ベストアンサー率29% (1536/5269)
あー。 <!----> はコメント文です。 HTMLで使用する際に、 <!--あいうえおかきくけこ--> などと書くと、その部分は非表示になります。 例えば、メンテナンスの時とかに楽になりませんか？ <!--ここからテーブル--> <tabel border = 1> などと書けば、自分が数ヶ月後にメンテナンス～する際にも、あれ。。。どこがどうだっけ？とか思うことが少なくなりますよね？ ちなみに、上記の例の場合は、スタイルシートの中身をコメント化してあるわけですが、（<STYLE tyep ="text/css">がスタイルシート～というのは分かりますかね？分からない場合は検索かけてみてくださいな。 スタイルシートを使う際には、対応ブラウザと非対応ブラウザがあるのでコメントで中身を記入するのが一般的です。非対応ブラウザの場合、コメント～で記入されていないと BODY { padding: 10px; border-style: outset; border-width: 20px; border-color: royalblue; background: lightblue; } の文章が画面に表示されてしまいますので。。。
- ttyp03
- ベストアンサー率28% (277/960)
コメントです。 CSSに対応していないブラウザの対策です。 http://www.tohoho-web.com/css/basic.htm#Basic ただ閲覧環境がCSSに対応しているブラウザのみ（例えばIEなど）と限定するなら記述する必要はないです。
こちらのサイト様はスタイルシートの見方やテーブルタグの組み方などとても分りやすく説明なさっていますよ。参考にしてみてください。 ちょっと私的解説をさせていただきますと、 BODYの部分→＜BODY＞～＜/BODY＞にはさまれるタグの padding／border-style など…→周りの空白／線の種類を など 10px／outset など→このようにしたい、 ということです。
- 参考URL：
- http://chips.jpnet.biz/
- ao777
- ベストアンサー率34% (43/123)
スタイルシートに対応していないブラウザの為に、HTML のコメントとして、記述してあります。 HTML内に<!-->とすると、その中の文字はブラウザでは表示 されませんが、ソースでは見れます。
- hana-hana3
- ベストアンサー率31% (4940/15541)
＞<!-- -->の部分はなにを意味しているのでしょうか？ コメントです。 この部分はブラウザに表示される事はありません。 スタイルシートやアプレットはコメントにして記述する事で未対応のブラウザでは機能しない（誤解析による誤表示を防止）ようにする事が出来ます。 http://www.tohoho-web.com/html/index.htm
