質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

タグ

特殊な記法により文書に埋め込む形で記述される付加情報をタグと呼びます。文書構造や書式、文字飾りなどを指示したり、画像や他の文書へのリンクを埋め込むことができる。

Q&A

解決済

2回答

2552閲覧

hタグとheaderタグの違い

pecchan

総合スコア587

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

タグ

特殊な記法により文書に埋め込む形で記述される付加情報をタグと呼びます。文書構造や書式、文字飾りなどを指示したり、画像や他の文書へのリンクを埋め込むことができる。

0グッド

1クリップ

投稿2020/10/24 00:16

html5初学者です。的外れな質問してたらすみません。

hタグとheaderタグですが、両者の使い分けがよく分からなくなりました。

hタグの方は、文書の見出し(の重要度)で
headerタグの方は、レイアウト上のヘッダー、フッターという意味で捉えたらよろしいのでしょうか?

例えば以下のような使い方で合ってますでしょうか?

関連して<h1>から使わず<h2>から使う理由は何なのでしょう?

html

1<html> 2 <head></head> 3 <body> 4 <header> 5 <p>サイトロゴとか検索用のテキストフォームとか</p> 6 </header> 7 8 <h1>商品説明</h1> 9 10 <h2>商品A</h2> 11 <p>Aの説明</p> 12 13 <h2>商品B</h2> 14 <p>Bの説明</p> 15 16 <h2>商品C</h2> 17 <p>Cの説明</p> 18 19 <footer class="footer"> 20 <p>テキストとか</p> 21 </footer> 22 </body> 23</html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

そういうときはリファレンスなどで定義の確認を。
<h1><h6>: HTML の見出し要素

<header>

それを「どう使うか」は要件とか実装のルール次第です。
現場のルールがあればそれに従う。もちろん上記のようなリファレンスで役割を理解したうえでです。

関連して<h1>から使わず<h2>から使う理由は何なのでしょう?

現場やそのプロジェクトのルール次第でしょう。
理由が1つだけとは限らないので、ここで想像することはできても「これ」ということにはなりません。

「h2から使う」とかキーワードで検索するとそれなりの解説も見つかると思うので、探してください。

投稿2020/10/24 00:25

m.ts10806

総合スコア80861

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

pecchan

2020/10/24 02:37

有難う御座います。 すみません、先にリファレンス見るべきでした。
guest

0

ベストアンサー

hタグとheaderタグですが、両者の使い分けがよく分からなくなりました。

役割も何も、仕様や文法など全然違います。
例えば、
headerには、divなどのだいたいの要素が中に入ることが許可されてますが、
h要素には記述要素などの、インラインレベルの要素しか許可されていません。
無理矢理入れれますが、HTMLの文法的にはアウトなので、
ブラウザや、ロボットが正しくそのHTML文章を理解できなくなるので、いろんな面でマイナスになります。

hタグの方は、文書の見出し(の重要度)で

headerタグの方は、レイアウト上のヘッダー、フッターという意味で捉えたらよろしいのでしょうか?

捉え方はそれで大丈夫です。

例えば以下のような使い方で合ってますでしょうか?

一点だけ。
headerに入っているpは、h1
それ以降のh要素は、一つずつレベルを下げるべきです。

関連して<h1>から使わず<h2>から使う理由は何なのでしょう?

基本的にはダメなので、
構文無いとなんとも言えませんが、
プログラムで自動吐き出している場合などで、条件分岐が難しく、致し方なく、h2からスタートしているのかと思われます。

投稿2020/10/24 01:03

miyabi_takatsuk

総合スコア9528

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

pecchan

2020/10/24 02:36

有難う御座います。 「一点だけ」の補足も有難う御座います。 危ないところでした。 とても参考になりました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問