0

私は現在、新しいブログのデザインとマークアップに取り組んでおり、1 つの見出しタグ内に 2 つのアンカー タグをネストしたくなる場所を見つけました。

<h3><a>Popular<a/>|<a>Recent</a></h3>

次のようになります。


(出典: autochemky.com )

これを行う目的は、(明らかに) 人気のある記事を表示するリンクとして "POPULAR" を有効にし、最近の記事を表示するリンクとして "RECENT" を有効にすることです。. . どちらかをクリックすると、サイドバーに表示されているコンテンツ (記事リスト) のみが変更され、新しいページにはリンクされません (ajax を介して、またはそれらの両方が既に読み込まれており、一方が非表示の div になっている)。

これを行うのは、複数の h3 要素または複数の記事の表示リストを含む、潜在的に不要な追加コードを回避するための手段です。

これに伴う私の質問は次のとおりだと思います（重要度の高い順に、HTML5を想定しています）：

マークアップは有効/許容可能ですか?

これはSEOに現実的/顕著な効果をもたらしますか?

同じ結果を別の方法で達成したいと思いますか?

4

2 に答える 2

0

HTML5 を仮定すると - それは許容されます<a>。

HTML5 の変更 以前のバージョンの HTML では、a 要素はフレージング コンテンツ (基本的に、以前のバージョンでは「インライン」コンテンツと呼ばれていたもの) のみを含むように制限されていましたが、a 要素は透過的になりました。つまり、a 要素のインスタンスにフロー コンテンツ (基本的に、以前のバージョンでは「ブロック」コンテンツと呼ばれていたもの) を含めることもできるようになりました。a 要素のそのインスタンスの親要素が、フロー コンテンツを含めることができます。

<h1>SEO に顕著な影響はありませんが、新しい HTML5 セマンティクスの基本となるセクションのヘッダーである場合、おそらくタグを使用する必要があるのと同じくらいマイナーな詳細です。

私はあなたがそこに持っているものに固執します。

于 2012-12-15T03:36:23.663 に答える
0

はい、見出し内に複数の要素を含めることは有効です(要素を入れ子にaしない限り)。a

しかし、あなたの見出しは意味がないと思います。「ポピュラー」か「最近」のどちらかで、両方同時にではありませんよね？したがって、見出しには目的がありません。つまり、セクションの内容を説明しています。

見出しの一部ではないコンテンツ トグルを使用する必要があります。

<section>
  <h1>Popular</h1>
  <nav>Or see <a href="#recent">recent content</a></nav>
  <ul>
    <li>…&lt;/li>
    <li>…&lt;/li>
  </ul>
</section>

(必要に応じて、他のコンテンツへのリンクを見出しの横に配置することで、文言を変更し、例のようにスタイルを設定できます。)

「最近のコンテンツ」をクリックすると、見出しが「人気」から「最近」に変わり、リンクが<a href="#popular">popular content</a>

URL アンカー + CSS を使用して対応するコンテンツを非表示/表示せず、JS を使用しないユーザー/ボットのフォールバックがない場合は、人気のあるコンテンツと最近のコンテンツの両方をユーザーに同時に表示する必要があります。 JavaScript を無効にします。

それにかんする：

これh3はサイドバーのセクションの 1 つであり、私のサイドバー セクションはすべてh3. h2を使用しているサイトと を使用しているサイトを見てきましたがh3、 を選択しh3ました。

念のために言っておきますが、好きな見出しレベルを自由に使用することはできません。ドキュメントのアウトラインに従う必要があります。の使用h3が正しいかどうかは、ページ全体の構造によって異なります。

于 2012-12-16T15:40:22.253 に答える