html - これは article 要素の正しい使い方ですか?

Question

新しい再設計のためにいくつかのコードを書き直していますが、これがこのモジュールを書くための (実用的に) 最良のセマンティックな方法であるかどうか疑問に思っています。

これには実際にはさらに3〜4個のアイテムがあり、アイテムを左右にスライドさせますが、SOのために少しペアにしました.

Answer 1

私にはうまく見えます。（独立したコンテンツとしての基準を満たしているため）

仕様から：

article 要素は、ドキュメント、ページ、アプリケーション、またはサイト内の自己完結型の構成で構成されるページのコンポーネントを表し、シンジケーションなどで独立して配布または再利用できるように意図されています。これは、フォーラムの投稿、雑誌や新聞の記事、ブログのエントリ、ユーザーが投稿したコメント、インタラクティブなウィジェットやガジェット、またはその他の独立したコンテンツのアイテムです。

Answer 2

はい、articleここでは の使用は問題ありません。

article要素を の中に入れるかどうかはsection、ページのコンテキストによって異なります。セクショニング要素を使用する場合は、見出しも付ける必要があります (ただし、必須ではありません!)。

しかし、あなたの使い方dlは間違っています:

あなたの例では、名前 ( dt) "Presented by" には、dd"Blue Iris Studio"と"19" の 2 つの値 ( ) があります。名前「Walkins」の値は「6.3」になります。そして、「マイルズ・アウェイ」という名前には何の価値もありません。これはあなたが意図したものではないと思います。

仕様を参照してください：

各グループは、1 つ以上の名前 (dt要素) とそれに続く 1 つ以上の値 (dd要素) で構成される必要があります。

ここでは順序が重要です: 最初に 1 dt、次に 1 つ以上 (!) dd。そうしないと、どちらが とグループdtをdd形成するかが明確になりません。