2011/07/25

HTML5のページ構成

従来のＨＴＭＬはDiv要素を使って構成を指定していましたが、ＨＴＭＬ５は構文を示す要素が予め決められています。以下にＨＴＭＬ５を使ったページ構成の例を示します。





ヘッダー部




ヘッダー部終了



セクション１


記事１

記事１の内容


記事２

記事２の内容




Presented by
Produced Site Address



<body>
<header border="1">
    <a href="http://example.com">HTML5 HREF</a></h1>
    <hgroup>
        <h2>ヘッダー部</h2>
    </hgroup>
    <nav>
        <li><tag>nav要素１</li>
        <li>nav要素２</li>
        <li>nav要素３</li>
    </nav>
</header>
<h1>ヘッダー部終了</h1>
<section>
<h1>セクション１</h1>
    <article>
        <h2>記事１</h2>
        <p>記事１の内容</p>
    </article>
    <article>
        <h2>記事２</h2>
        <p>記事２の内容</p>
    </article>
</section>
<footer>
    <p>Presented by <address>Produced Site Address</address></p>
</fotter>
</body>
投稿者 時刻:

0 件のコメント:

コメントを投稿

登録: コメントの投稿 (Atom)