HTML5の<article>タグはこのホームページのテキストに適していますか?

私は昨日、友人とちょっと意見が分かれていて、終わりのない議論を続けるのではなく、私がここで尋ねると思った。

私は最近、HTML5のセマンティクスを使ってサイトをコーディングしました。ページの内容は比較的少なく、記事タグで囲んでいます。

You can check out the page and it's source here: http://inneresauge.co/

そして、リンクをクリックするのが好きでない人たちのために、ここには...

<div id="container">
    

Inneres Auge Co.

...

We're Inneres Auge Company, a creative media company that knows no limits.

We do everything and more, from mobile games and apps to web sites and platforms to video and audio production.

The best thing about it?
We're amazing at all of them!

Don't believe us?
Just see for yourself...

</div>

私はセクションが適切ではないと考えました。なぜなら、それは本当にページの個々のセクションではないからです。テキストは単独でも、場所を気にせずに自分自身の上に立つことができます。最良の選択。

ここで最善の選択は何ですか?記事、セクション、または多分ただのdivだけで良い一致がないので?

html要素の他の非意味/不当な使用がある場合は、言及することも自由に感じてください。

1

4 答え

私の記事のようには見えません。仕様通り:

記事要素は、文書、ページ、アプリケーション、またはサイト内の自己完結型の構成を表し、原則として、独立して配布可能または再利用可能です。シンジケーションでこれは、フォーラムの投稿、雑誌や新聞の記事、ブログの投稿、ユーザーが投稿したコメント、インタラクティブなウィジェットやガジェット、または他の独立したコンテンツのアイテムです。

     

http ://dev.w3.org/html5/spec-author-view/the-article-element.html#the-article-element

私はテキストが本当に再利用可能な自己完結型のコンポジションだとは思わない。それは、マーケティングの宣伝、会社の紹介です。

Whereas

, I think, would be fine:

section要素は、ドキュメントやアプリケーションの一般的なセクションを表します。この文脈では、セクションはコンテンツのテーマ別グループであり、通常は見出しが付けられます。

     

セクションの例は、章、タブ付きダイアログボックスのさまざまなタブ付きページ、または論文の番号付きセクションです。 Webサイトのホームページを紹介用のセクションに分割することができます [emphasis mine]、ニュースアイテム、連絡先情報。

     

http ://dev.w3.org/html5/spec-author-view/the-section-element.html#the-section-element

I don’t think it matters that you’d only have one section — the spec doesn’t say you need multiple

s. (And the company may well add additional sections to the page later on.)

もちろん、それはすべて解釈の問題です。そしてそれは実用的な結果をたくさん持っていません。

1
追加された
@ximi:おそらく、私はちょうどそれが "シンジケート"であるとは見えません。広告ネットワークに掲載された広告であれば、私の考えは
に適しています。しかし、ただテキストを歓迎します... "自分のために見てください"という最後のことは、自分のウェブサイトのホームページのコンテキストの外では意味がないと思うようになります。
追加された 著者 Paul D. Waite,
私は個人的にはそれが自己完結しているかのように感じます。私は、このテキストをウェブサイトの文脈からも使用して、誰かに会社の概要を伝えることができます。私はこれがすべてかなり厄介なものであると思う、私が根本的に誤解された記事とセクションを持っていれば私はちょうど興味があったが、私は私が言うことができないからではない。
追加された 著者 ximi,

W3C仕様

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

ここ

記事の要素は特殊な種類のセクションです。それは関連するコンテンツの独立した独立したブロックであるという点で、セクションよりもより具体的な意味的意味を有する。セクションを使うこともできますが、記事を使うことでより意味のある意味がコンテンツに与えられます。

1
追加された
記事を使うことをお勧めします
追加された 著者 juankysmith,
どういたしまして
追加された 著者 juankysmith,
私はあなたの答えから、あなたが私の特定のユースケースに対してお勧めするものを結論づけることができませんでした...
追加された 著者 ximi,
それは私が思ったことですが、私は完全にはわかりませんでした。これをクリアしていただきありがとうございます。
追加された 著者 ximi,

あなたが「これは意味的に正しいのですか?あなたは "the oracle"に相談するべきです。彼らです

W3とWHATWGの重要なことは

独立して配布可能または再利用可能

So in your case

is not semantic.

The [WHATWG

] states

この文脈では、セクションはコンテンツの主題グループであり、典型的には見出し

コンテンツのグループにヘッダーがありますか?私は「はい」と言います。それは

Inneres Auge Companyです。

If you don't think that content has a header then use <div> if you do think it has a header then wrap it in

As a further aside you have <div>

</div> I think that outer div should be a

0
追加された
@ximi:正しいですが、 .container はセクションの要素ではなく div でなければなりません。
追加された 著者 unor,
私はヘッダー/見出しがあるかどうかにこれを結びつけません。これらはすべて典型的なものですが、要件ではありません。それ以外は、ヘッダーと記事をセクション内にラップすることは意味がありません。なぜなら、ページには唯一のコンテンツなので、コンテンツのセクションだけではないからです。
追加された 著者 ximi,

私にとっては、 div がここに最も適しているようです。 記事には、実際には見出しがありません。サイトが実際に複数のセクションに分割されている場合は、セクションが適切ですが、あなたが言ったように、あなたはそうではありませんが、まだ使用できると思います。

私はそれについて少し書いた: HTML5:セクションまたは記事? これは助けるかもしれません。

0
追加された