2013-06-12 15 views
5

新しいhtml5要素を適用しようとしています。ページがh1とテキストで非常にシンプルな場合は、セマンティックな視点から、ページの構造を正しく反映させるにはどうすればよいかわかりません。html5タイトルとテキストの概要

  1. テキストは、例えば、会社の理念である場合(または約ページまたはチーム...)私は記事を使用することが正しくないと仮定し、それは大丈夫でしょうか? (これは独立して配信可能であるか、再利用可能であることを意図していないため(例:シンジケーション)

  2. h1とdivをセクションで囲むのは意味がありますか?ページにセクションが1つしかない場合は、あまり役に立ちません。

したがって、タイトルとテキストのみのページを概説する最も正しい方法は何ですか?

<h1> Title </h1> 

<div id="content"> 
    <p> text, text, text... </p> 
</div> 

答えて

3

私はdivを完全に削除し、必要なときにのみ使用します。これは、シンプルなタイトルと段落の最も意味的に正しい表現を与えるだろう。

<h1>Title</h1> 

<p>Some text...</p> 

私は最も簡単なHTMLのセマンティクスで始まるを見て、その後、各HTML5のレイアウト要素を調査し、それがあなたのページに適用することができる方法を考えるだろう。すべてを新しいHTML5要素に入れようとしないでください。ナビゲーションバー、記事、脇の下、引用符などの特定のものは、意味のある砂糖を見つけて追加するのが簡単です。

レイアウトやマスターページを活用できる動的なページを作成している場合は、マスターページ(ヘッダー、フッター、ナビゲーションなど)にメインレイアウトを配置することができます。これにより、ページが非常にシンプルになります。

複数列のレイアウトにはdivを使用するか、BootstrapFoundationなどのフロントエンドフレームワークで提供される動的グリッドのいずれかを調べることができます。

1

私はあなたが任意のHTML5の要素を必要としませんが、質問は私にそれらを要求するという理由だけで、あなたのケースのために最も適切な要素があることだろうと思う:

<details open="open"> 
    <summary>Title</summary> 
    <p>Text text text text text text text</p> 
</details> 
1

sectionは、一般的な部分と、それでありますあなたの見出しが段落に属していることを明確にするためにあなたの例では、絶対に便利です。

<section> 
    <h1> Title </h1> 
    <p> text, text, text... </p> 
</section> 

divのためのセマンティックな理由はありません。しかし、それが必要な場合は、それを保つ。

ここでもsectionの代わりにarticle要素を使用できます。あなたが言ったように、それは "再利用可能"でなければなりません。あなたの会社の哲学を取るならば、それをどこかで(ソーシャルネットワークや何か)再利用したいかもしれません。私はそれが記事の定義を満たしていると思う。しかし、この質問は常に解釈の問題です。