問題タブ [html-heading]

xhtml 1.0 では、 hn (h1 から h6) は、本の章のようにドキュメント構造を表す必要があり、それらはすべてbody. html5 にはsection、article、header、があり、 hnタグはこれらのタグの 1 つから派生hgroupしているようで、body 要素に関連していません。お気に入り

xhtml 1.0 では、次のようにしました。

それは理にかなっていますか？または、xhtml 1.0 と同じ規則に従い、セクション、ヘッダーなどを無視して、body 要素に関連する hn タグを作成する必要がありますか?

セマンティクスと SEO に関するアドバイスと回答は、私にとって最も価値のあるものです。

適切なセマンティック マークアップについて話しているのです。

通常、h1 から始めて、そこから下に向かって作業しない理由はないことを私は知っています。

しかし、サイドバーのような独自の階層を持つサイドバーのようなものを作成している場合、ベスト プラクティスは何ですか? h1 から開始し、css ルールを使用してサイドバー h1 とメインの h1 を区別できることはわかっていますが、代わりに h3 から開始すると、直接一致するため、それほど多くの css を記述する必要がない可能性が高くなります。 、または少なくともメインの h3 に近い。

同時に、それは厳密にはセマンティックではありませんね。

ここにベストプラクティスはありますか? (私は主に、スクリーン リーダーに最適に見えるものに関心があります)

関連する投稿を読みましたが、IEの解決策が見つからなかったため、この問題のjQueryソリューションを求めます。

私はこのようなネストされた階層的な見出しをいくつか持っています

次のような自動見出し出力が必要です。

IE6 +で動作するjQueryなどを使用してこれを実現する方法はありますか？

次の構文は、合計で約 20 ~ 30 語の複数列の見出しを強調するのに適していますか? IE9などではサポートされていないため、CSS3の複数列を使用したくありません.

この例では、ヘッダーはヘッダーの通常のサイズではありません。説明してください。

css リセットを適用した後に h1、h2、h3 などのタグを標準化する方法を探しています。これは主に設計に依存することはわかっていますが、ある種の「黄金比」があったことをサイトで見たのを覚えています。テキストのサイズ、行の高さ、およびマージンの下部の間で、読みやすさを改善し、ページ上でのヘッダーの見栄えを良くします。

どなたか、このようなことをご存知でしょうか?

私の問題を解決するためのアドバイスを探しています。

ブログ用に新しい wp テーマをコーディングしています。

私が遭遇した問題はこれです。ホームページとカテゴリページに投稿するためのリンク (投稿につながるリンク) があります。ホームページでは、このリンクには流動性の原因となる h3 タグがあります (ウェブサイトの h1 タイトル、カテゴリの h2 タイトル、h3 投稿タイトル)。カテゴリページでは、フローが異なります（h1カテゴリ名、h2投稿タイトル）。問題は、デザインに関しては、それらが同一に見える必要があるということです...したがって、私の課題は、カテゴリページの h2 をホームページの h3 と同じに見せることです。

それほど簡単ではないことがわかりました。まず、小さいフォントを使用する必要がありました。h2 0.8em と h3 1em を設定する必要がありました。これは、この問題に対処する正しい方法ですか? そして、両方の見出しの余白が 0 だったにもかかわらず、いくつかの奇妙な間隔が発生しました...

したがって、これが最終結果であり、h2 が h3 のように見えます (小さいフォントを使用し、h2 の行の高さを使用し、margin-bottom を 3px 以上にする必要がありました)。

私の質問は、これがこの結果を達成する良い方法であるかどうかです。または、私の一般的なリセットファイルに何か問題がありますか??

物事をより明確に表示するための画像を含める：

http://imageshack.us/photo/my-images/33/unled1hg.jpg/

また、次の 2 つのページをライブで見ることができます: http://artvard.com/category.html http://artvard.com/main.html

私は奇妙な問題に遭遇しています。

h2 と h3 を似たようなスタイルにしようとしています。したがって、それらは異なるページで同じように見えます。

サンプルもご用意しておりますので、よろしければご覧ください。

http://artvard.com/category.htmlこの h2 ポストタイトルは、 http: //artvard.com/main.html h3 ポストタイトルとまったく同じマージンを持つ必要があります。

何らかの奇妙な理由で、上部のマージン/パディングが異なるため、間隔が異なって見えます。

これを解決する方法についてのアイデアが不足しています:(

フォームにコンテンツがあるとします

ここでは h2 の説明部分を h3 として表現しましたが、実際には h2 の一部ですよね? ここでの h3 は単独では存在せず、h2 に依存しています。この要素を定義する最も柔軟な方法を考えようとしています...

私はH1タグを持っていて、同じ行に、タグの直後にH1リンクがあります（の中にSPAN）。H1タグとタグの両方をSPAN設定しfloat:leftましたが、同じ行に表示されます。

ただし、タグに2行目に折り返されるテキストが多すぎる場合のシナリオではH1、次のSPANタグ（内部にリンクがある）はタグの最後の部分の後ろにきちんと配置されなくなりH1、代わりに次の行に表示されます。

これは現在このようにレンダリングされます...

ここにいくつかの本当に長いテキスト...
何とか
私のリンク

..しかし、私はそれがこのように見えることを本当に望んでいます...

ここにいくつかの本当に長いテキスト...
何とか私のリンク

リンク/スパンをH1タグブロック内に配置せずに、常にSPAN（リンクを含む）をH1タグの最後の単語のすぐ後ろに保持するように強制するにはどうすればよいですか？