• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:「見出し」が理解できない)

HTMLの見出しタグの意味と役割

tiltilmitilの回答

回答No.1

 HTMLは「見た目」を規定するものじゃないんです。テキストについて「意味」をつけるためのもの。  こうしておくと、あとから「見出しは文字太くして、色も変えて」ということも簡単になるし、やろうと思えば見出しだけを収集して目次を自動生成ということも可能になる。  だから「見出しにして何ができるのか」は使う人や解釈するブラウザ次第。書く側からすれば「これは見出しである」という意味でしかないです。もちろん見る環境が標準的だと想定したり見出しの書式を規定したりして見た目の調整に使う人も多いですが、それは本来のHTMLの目的じゃない。

関連するQ&A

  • ホームページ・ビルダー9で・・・

    ホームページ・ビルダー9でWebページを作成しています。 表を作成するとき、表の中の文字が太字になってしまいます。ソースを見るとthタグで記述がしてあります。thタグは表の中の文字を太字にするようですが・・・ どのようにすれば表の中の文字を普通の太さに設定できるのでしょうか。 宜しく御願いします。

  • こういう構造のtableはできるでしょうか

    HTML で、テーブルをこういう構造にすることは可能でしょうか。 ┏━━━━┳━━━━━━┳━━━━┳━━━┓ ┃見出し1┃○○○○○○┃見出し2┃○○○┃ ┣━━━━╋━━┳━━━┻━━━━╋━━━┫ ┃見出し3┃○○┃少し長い見出し4┃○○○┃ ┗━━━━┻━━┻━━━━━━━━┻━━━┛ ↓こんな感じでできないかなと思ったのですが、できませんでした。(win7/IE10) <table border="1">  <tr>   <th>見出し1</th><td colspan="2">○○○○○○</td>   <th>見出し2</th><td>○○○</td>  </tr>  <tr>   <th>見出し3</th><td>○○</td>   <th colspan="2">少し長い見出し4</th><td>○○○</td>  </tr> </table> ※インデントは全角スペースになっています ---------- 1) 対象ブラウザは IE8~IE10 できればchrome等でも対応できたほうが良いのですが、最低限IEで表示できれば良いです。 2) カラムの width 等を指定することなく左端や右端を揃えたいです。 2の条件がなければ float とかも考えたのですが… どなたか良い方法をご存知の方がいらっしゃいましたら教えて下さい。 よろしくお願いします。

  • スタイルシートの見出しタグについて

    はじめまして。メモ帳にスタイルシートを使ってホームページ作成をしています。表セル内に見出しタグを使ってクラス分けをしているのですが、どうしてもh1~h6の見出しタグを使うと、文字の下に下余白がかなり出来てしまいます。普通に文中でならいいのですが、表セル内では前後の余白が違うと見た目、かなりアンバランスになってしまうのです。 ホームページリーダーなどにも対応させたいので、どうしても見出しタグを使用したいのです。 マージンやパディングで調節しましたが、それだと下余白の分が基準で、さらに上が広がってしまい、セル幅が全体的に無駄な余白で占領されることになってしまいました。 よろしくお願い致します。

  • エクセルの並べ替えがうまくいかない

    インターネット上(HTML)の表をコピーしてエクセル(2000)に貼り付けて使おうとしました。 貼り付けると、値ごとにセルが分割されてちゃんとした表に見えるのですが、数値を並べ替えようとするとうまくいきません。 具体的には、見出し行が数値と見做されて並べ替えされたり、数値の1行目が見出しと見做されて固定されたりします。 見出しと数値の書式設定を変更しても同じでした。 是非、対処法を教えてください。

  • cssでテーブルの位置を設定するには?

    <table border="1" align="left">でテーブルの位置を競ってすることはできたのですが スタイルシートで行いたいです。 そもそも他のテーブルはすべて中央に寄せたいため、 table { margin-left: auto; margin-right: auto; } としています。 そのうえで、任意のテーブルのみ左に寄せて表示したいので table.test { align:left; } としたのですが、うまくいきません。 ---------------------------------------------------------- <html> <head> <title>test</title> <STYLE type="text/css"> table { margin-left: auto; margin-right: auto; width: 40%; } table.test { width: 80%; align:left; } </STYLE> </head> <body> <table border="1"> <tr><th>見出</th><th>見出</th></tr> <tr><td>セル</td><td>セル</td></tr> </table> <br><br><br> <table border="1" align="left"> <tr><th>見出</th><th>見出</th></tr> <tr><td>セル</td><td>セル</td></tr> </table> <br><br><br> <table border="1" class="test"> <tr><th>見出</th><th>見出</th></tr> <tr><td>セル</td><td>セル</td></tr> </table> </body> </html> ----------------------------------------------------- このコードだと、 table.test { width: 80%; align:left; } の、 width: 80%; の部分は認識されるようですが、align:left;は無視されます。 スタイルシートでテーブルの位置を設定する方法をご教授ください。

    • 締切済み
    • CSS
  • word 2003 見出しについての質問です

    見出し1,2,3とアウトラインでレベル分けて文章を作成しているのですが、見出し2の番号が下記のようになってしまいます。 書式設定で見出し1、2,3がそれぞれ、レベル1,2,3であることも確認し、「箇条書きと段落設定」→「アウトライン」タグ→「変更」での「レベルと対応付ける見出しスタイル」が”見出し2”であること、「連番を付けるレベル」が”レベル1”であることを確認しました。 それでもうまくいきません。 どうすればできるのかどなたか教えてください。 よろしくお願いいたします。 1.AAA(見出し1)   1-1.あああ(見出し2) 2.BBB(見出し1)   1-2.あああ(見出し2)   → 2-1.あああ  (このように番号を振りたいです)   1-3.いいい(見出し2)   → 2-2.いいい 3.CCC(見出し1)   1-4.ううう(見出し2) → 3-1.ううう 4.DDD(見出し1)   1-5.えええ(見出し2)  → 4-1.えええ   1-6.おおお(見出し2)  → 4-2.おおお 5.EEE(見出し1)   1-7.かかか(見出し2)

  • ホームページビルダーで「段落」「見出し1」について

    ホームページビルダー8を使用しています。 ページを表で区切って、一番上の1つのセルにある単語を入力して、これを太くて目立つ大きさに仕様と思い、単語を選択(反転させて)、「書式」「段落」「見出し1」の順にクリックしようとしましたが、見出し1から見出し6までの項目が薄灰色で選択することができません。 「見出し」に指定するにはどうやれば良いでしょうか?

  • ワードで見出し1と見出し2の段落番号がリンクしない

    ワードの見出しタグに番号を自動的に振る設定をしているのですが、見出し1以下の見出し2の番号が、見出し1の番号を反映しないで振られてしまっています。例としては以下のような感じです。 -------------------- 1. 概要 hogehoge 2. 詳細内容 hogehoge 1.1 顧客に関して <--- 2.1となるべき zzz 1.2 収益に関して <--- 2.2となるべき yyy -------------------- [書式]->[スタイルと書式]で以下のような設定をしているのですが、どうして上記のような番号になってしまうのでしょうか? -------------- ★プロパティ: 名前: 見出し2 基準にするスタイル: 標準 次の段落のスタイル: 標準 ★ 書式-> 箇条書きと段落番号 -> アウトライン -> 変更ボタン 段落番号: 1.1 前の文字レベルの番号: 空白 レベルと対応づける見出しスタイル: 見出し2 連番を付けるレベル: チェックあり/ レベル1 変更の対象: リスト全体 済みませんが、宜しくお願い致します。

  • HTMLのテーブルについて

    HTMLのテーブルについて 今、HTMLを勉強しています。下記のようにテーブルを作成し一部にセルの結合を行ったところ、(2)の結合したセル右端から外枠までが広がってしまいます。せっかく綺麗に見えるように上の表と下の表のセル幅を合わせても、上の表の右端が出っ張ってしまって意味がありません。 これを解決するにはどのように改善すればいいのでしょうか? <html> <head> <title>A</title> </head> <body> <table border="2"> <tr> <th>No.</th> <th>名前</th> <th width="50">備考</th> </tr> <tr> <td>1</td> <td>A君</td> <td>(1)</td> </tr> <tr> <td>1</td> <td>B君</td> <td rowspan="2">(2)</td> </tr> <tr> <td>1</td> <td>C君</td> <td></td> </tr> </table> <br> <table border="2"> <tr> <th>No.</th> <th>名前</th> <th width="50">備考</th> </tr> <tr> <td>2</td> <td>D君</td> <td>(3)</td> </tr> <tr> <td>2</td> <td>E君</td> <td>(4)</td> </tr> <tr> <td>2</td> <td>F君</td> <td>(5)</td> </tr> </table> </body> </html>

  • テーブルを作成するのですが・・・。

    gooのブログを使用しています。 表を作成するために、HTMLのタグを利用して やってみたのですが、表自体は完成したのですが、 表の外側に書き込んだ文章 (題名とか、補助的な文章など) こちらと表の間がものすごく空いてしまって おかしいことになってしまっています。 間をあけないように文章のすぐ下に表が来るようにするには どのようにすればいいのでしょうか? 今の状態は <table border=1 cellpadding="5"> <tr> <td>○○</td> <td>0</td><td>1</td> <td>2</td><td>3</td><th>4</th> みたいな感じです。 題名にcaptionを使っても対応していないようなので。 ほかに何かあれば教えてください。