• ベストアンサー

タグに関して質問です。classって

よくホームページのソース表示をすると、<div class~>とかありますけど、classっていったい何ですか?<table>にも、<table class>とか書いてありますけど、classが書いてあるのと無いのと何が違うのでしょうか?

  • HTML
  • 回答数4
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
noname#12055
noname#12055
回答No.4

1年2組には鈴木太郎君が2人いました。 先生は、呼ぶときなどに同じ名前の生徒が 2人いては区別がつかないため 1人を「鈴木太郎クラスA」と名づけました。 もう1人は「鈴木太郎クラスB」としました。 先生はその後、2人いっぺんに職員室に 呼び出すときは「鈴木太郎、職員室に来い」と 手を抜きます。これで2人が来ます。 どちらか一方を呼び出すときは 「鈴木太郎クラスA(B)、職員室に来い」と 言います。指定された方がきます。 これと似たようなものです。 たくさんあるtableのうちの1つ(一部)に 何らかの指定をしたいときに、 ほかのtableと区別するための「名前」です。 なお、1番さんがベストの回答でしょう。 CSSを勉強すればすぐ出てきます。 http://kanzaki.com/docs/html/htminfo17.html

参考URL:
http://kanzaki.com/docs/html/htminfo17.html
cyainu
質問者

お礼

ご回答ありがとうございました。そうですね、classを聞く以前に、もうちょっと勉強するべきでしたね。反省してます。一応本を見たんですけど、載ってなくて・・・。classは区別するための暗号だったんですね。ありがとうございました。そのホームページも見てみてみます!

その他の回答 (3)

  • UKY
  • ベストアンサー率50% (604/1207)
回答No.3

例えば、P 要素は段落を表すものですが、文章の中で本文になっている部分と、本文とは別に補足説明を書いてある部分とを区別したいと思った場合、単純に P 要素を使うだけでは両者を区別できません。 しかし、自分で本文と補足を表すクラスを定義してやることで、区別することができます。 <p class="honbun">本文1</p> <p class="hosoku">補足1</p> <p class="honbun">本文2</p> <p class="hosoku">補足2</p> <p class="honbun">本文3</p> class は HTML を書く人が自分で勝手に決めるものなので、これだけでは何の意味もありませんが、 ● HTML を処理するプログラムを使って、honbun が指定されている段落だけを取り出して新しい HTML 文書を作る ● スタイルシートを使って、honbun よりも hosoku を小さい文字で表示する などという使い方ができます。 特に、CSS というスタイルシート言語は、class 属性に対応してスタイルを指定する機能に優れています。 ただし、class 属性はスタイルシートのためだけに存在するものではありません。(この点を勘違いしている人は多いです)

cyainu
質問者

お礼

ご回答ありがとうございました。スタイルシート初心者の私としては、ちょっとご説明頂いたものが、レベルが高すぎてよくわかりません。スタイルシートをもっとちゃんと勉強してきますね。本当にありがとうございました。

  • Dpop
  • ベストアンサー率51% (279/544)
回答No.2

Web屋です。OkWebの様なサイトを設計, 構築する仕事をしています。 スタイルシートの定義を呼び出すための指定です。 <div class="~"> も <table class="~"> も、class="~" 自体は同じ物です。 ただし、タグによって指定できるスタイルシート、指定しても意味の無いスタイルシートがあります。 スタイルシートを指定するためには、class="~" の他に、id="~" と言う指定もあります。 また、style="~" を使用して、スタイルシートを直接指定する方法もあります。 スタイルシートは、非常に難しいので、適当な書籍やサイトを参考にされると良いでしょう。 まずは、とほほさんのページを参考にされると良いと思います。 http://www.tohoho-web.com/www.htm

参考URL:
http://www.tohoho-web.com/www.htm
cyainu
質問者

お礼

ご回答ありがとうございました!ん~スタイルシートは少しはわかってるんですけど、まだまだでしたね・・・。Dropさんが紹介してくれたホームページで勉強してきます。(そうすれば教えてくださった意味がわかると思うんで・・・)本当にありがとうございました。

回答No.1

スタイルシートについて勉強してください。 話はそれからです。

関連するQ&A

  • <div class="div_1" class=

    実際のソースは <div class="div_1" class="div_2">test</div> なのに、 グーグルクロームのデペロッパーツールの elementsで見ると、 <div class="div_1">test</div> となっています。 そのためなのか、 class="div_2"のスタイルシートが適用されていません。 <div class="div_1" class="div_2"> という書き方は間違えなのでしょうか?

    • ベストアンサー
    • HTML
  • <div>タグの中の<img>タグのclass属性を削除したい

    <div class="center"> .... <img ... class="right" ...> .... </div> とあるソースをperlを使って <div class="center"> ... <img ...> ... </div> というように img タグの class="right" を削除したいです。 <div class="center"> の中にあるimgタグのみ対象としたいのですが、 どうすればよいのでしょうか。 なお、<div class="center"> タグの中には複数の <img ... class="right" .. >タグがある場合もあります。

    • ベストアンサー
    • Perl
  • class指定されたタグ内の情報をリスト化

    HTMLのソース内にある下記の様な記述で、 <div class="shop">~</div>の中の内容だけを マクロか何かでリスト化する事は可能でしょうか? *改行やスペースが入っているものとする。 *「=」迄のURLは全て同じとする。 ソース--------------- <div class="shop"> <a href="http://www.abcd=1_23456"> 第1商店 </a> </div> <div class="shop"> <a href="http://www.abcd=6_54321"> 第2商店 </a> </div> 【イメージ】 123456 第1商店 654321 第2商店

    • ベストアンサー
    • HTML
  • JavaScriptで特定のtdタグにclass名をつけたい

    指定のdiv内にある一行目(もしくは、最初の3つ)のtdタグに対して JavaScriptでClass名を付けたいのですが、どのようにすればよいでしょうか? 【HTML参考】 <div id="box"> <table> <tr> <td>セル1</td> <td>セル2</td> <td>セル3</td> </tr> <tr> <td>セル4</td> <td>セル5</td> <td>セル6</td> </tr> </table> </div> 上記のような時、div#box内の「セル1~3」に対してclass名を付けたいと言った場合です。 よろしくお願いいたします。

  • <img>タグにCSSのclass設定可能?

    <img>タグにスタイルシートのclassは、直接設定できるのでしょうか? 例えば,以下のようにテーブルの中にexample.jpgという画像があるとします。 <table border="4" width="250"> <tr> <td align="left"> <img src="example.jpg" width="100" height="100" borde="0"> </td> </tr> </table> この場合、<td align="left">とあるのでexample.jpgはセルの中で左揃えになって表示されます。 質問1: ここで、スタイルシート使用して、<td align="left">のまま、example.jpgをセルの中で中央揃えにして表示したいとします。また、スタイルシートを使用して、example.jpgの上下には10pxのマージンを設定します(ここでは、スタイルシートに関する質問のため、あえてhspaceは<img>タグに使用しません。)。スタイルシートの指定は、<head></head>内で行なうことにします。 この場合、以下のように<img>タグの中に直接classを設定できますか?できない場合は、その理由、正しいやり方等をお教え下さい。 <head> <style type="text/css"> .abc{ text-align:center; margin-top:10px; margin-bottom:10px: } </style> </head> <table border="4" width="250"> <tr> <td align="left"> <img class="abc" src="example.jpg" width="100" height="100" borde="0"> </td> </tr> </table> やはり、<div></div>で<img>タグを囲んで、 <head> <style type="text/css"> .abc{ text-align:center; margin-top:10px; margin-bottom:10px: } </style> </head> <table border="4" width="250"> <tr> <td align="left"> <div class="abc"> <img src="example.jpg" width="100" height="100" borde="0"> </div> </td> </tr> </table> などとするしか方法がないのでしょうか? 質問2: また、スタイルシートを使用せずに、上記のテーブルで<td align="left">のままexample.jpgを中央揃えにする方法はあるのでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • divのclassの内容を変更するにはどう記述すればいいですか?

    divのclassの内容を変更するにはどう記述すればいいですか? 例えば <div id="usr_table" class="invisible"> という風に状況に応じて書き換えて不可視にしたいのですが

  • htmlタグについての質問です。

    下記のタグの中に ”枠”の設定部分はありますか。 ないのであれば”枠”の設定のキーワードをお教え下さい。 よろしくお願い申し上げます。 例)リンクは、<a href=".html"> 等 <div class="plugin1_outline"> <div class="plugin1_title ta_left"> プロフィール</div> <div class="plugin1_body"> <div class="ta_left"> <p style="text-align:left"> Author:maruken<br> ブログFC2へようこそ!ブログFC2へようこそ!ブログFC2へようこそ!ブログFC2へようこそ!ブログFC2へようこそ!ブログFC2へようこそ!ブログFC2へようこそ!ブログFC2へようこそ!</p></div> </div><!--/plugin1_body--> </div><!--/plugin1_outline-->

    • ベストアンサー
    • HTML
  • div内の classのリンクのつけ方

    <body class="thrColFixHdr"> <div id="header"> <div id="headerIn"> <div class="logo">店名</div> <h1>ようこそ</h1> </div> <!-- end #header --></div> ホームページの一番上の部分です。 http://www.goo.ne.jp/ 上記サイトのように左上にロゴが入っており、 お店ページのロゴをクリックしたら、上記ページと同じようにトップページに戻るようにしたいのですが、 class="logo"にリンクをつけても反応してくれません。 それ以外にググって色々調べましたが、どうしても方法が分りません。 初歩的な質問かもしれず、恐縮ですがご教授いただければ幸いです。

  • htmlタグ 条件によっての表示について

    1度他カテゴリーで質問をしてみましたが、回答が得られなかったのでこちらのカテゴリーで再度質問させていただきます。 tumblrというサイトで、コメントなどがつくと自分のサイトに 「Comments · 36 notes」 とポストごとに表示(表示されるテーマを使っています)がされるのですが、これが何のコメントもないときには表示されません。 コメントがなくとも 「Comments · 0 notes」 と表示できるようにしたくて、いろいろいじってみたのですがうまくできません。 下記、関係ある部分のソース(であってると思いますが…)のどこをどのようにすればできるのでしょうか? 知識ある方、ご教示よろしくおねがいします。 {block:ifNotDisqusShortname}{block:NoteCount} <div class="right"><a href="{Permalink}">{NoteCountWithLabel}</a></div> {/block:NoteCount}{/block:ifNotDisqusShortname} <div class="clear"></div> {block:ifDisqusShortname}{block:NoteCount} <div class="left"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a> &middot; <a href="{Permalink}">{NoteCountWithLabel}</a></div> {/block:NoteCount} <div class="clear"></div>{/block:ifDisqusShortname} </div> {/block:Date}

  • 指定した スタイルの class のみ処理をする

    Javascript で 指定した class のみの値を変更することは可能でしょうか? id だと一つ一つ振らなければならないですが、 class なら複数にふれますよね。 複数にclassを指定して一括処理をしたいんです。 <div class="hoge">aaaa</div> <div class="hoge">bbb</div> みたいなものがあって document.getElementById("hoge").style.display = "none"; のように、 class=hoge のみ一気に非表示にしたいんです。 説明が下手ですみませんがよろしくお願いします。

専門家に質問してみよう