テーマの仕様それぞれです。投稿タイトルは h2 になっているケースが殆んどです。
見出しルールが有りますから、ブログタイトルは h1
投稿タイトルは h2
大見出し h3 …
というのが基本にあります。
こんにちは
面白い質問ですね
投稿タイトルにh1を使っているテーマ
例
https://wordpress.org/themes/catch-box/
このテーマを、
http://validator.w3.org/
でマークアップをチェックすると、
Consider using the h1 element as a top-level heading only (all h1 elements are treated as top-level headings by many screen readers and other tools).
というメッセージが表示されます。
普通のブラウザは、h1で書いても、理解できるんだけど、スクリーンリーダーなど特殊なやつだと理解できないかもしれないので、よく考えてみてくれ
という事で、多くのテーマはhtml4系の書き方を踏襲して、投稿タイトルはh2にしてたりします。
じゃ、普通のブラウザは、どんな風に理解しているのか?
という点を調べた時の、残骸htmlが以下です
http://tenman.info/study/html5/outline.php
ソースを見てもらうとわかると思いますが、入れ子でh1で書いても、chrome等のブラウザは
それを、h2のようにレンダリングしてくれます。
HTML5なら、h1で書くことは、間違っていないんだけど、現実の諸事情を勘案したりして、いろんな書き方が、存在しているのだと思います。
他
html4系の書き方を踏襲 と書きましたが、この辺りに書かれたテーマに
https://wordpress.org/themes/twentyten/
があります。
h1要素を使っているのは、トップページだけで、投稿ページでは、div要素が使われたりしています。 面白いですね
お二人方とも丁寧な回答を有難うございます。
nobitaさんがご指摘して下さった内容は初心者の私にはまだ容易には理解できない部分がいくつかありましたのでこれから勉強していきたいと思います。
私が使用しているテーマはtwenty Fifteenです。
記事タイトルが見出し2に設定されているかどうかというのは「テーマ編集」のどの部分に注目すれば分かるのでしょうか?
サイトURL:http://pomposso.heteml.jp
Twenty Fifteen: content.php
始めのところで出てきます。
<header class="entry-header">
<?php
if ( is_single() ) :
the_title( '<h1 class="entry-title">', '</h1>' );
else :
the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
h1, h2 と順序良く使われているので、投稿本文では見出しは h3 から始めるのが普通のこれまでの流儀といえます。
そしてhtml5では h1 h2 h3… としても問題ないよ、ということになります。
ただし見出しタグを使った時の見た目上で、h2 から h4 に飛ばしたりしてはいけません。
なるほど!
では今の設定ですと、
ブログタイトルが見出し1、記事タイトルが見出し2となっており
私がする操作は記事の本文で見出し3から始めればよいということで宜しいでしょうか…?
h3 から記事の本文の見出しを始める。それが従来を継承したスタンダードな記事作成といえるでしょう。
大変分かりやすく、理解が深まりました。
맹조様、いつも御回答頂き有難うございますm(__)m
nobita様も詳しい御回答有難うございました!