happy cat image

tomodevel

皆んなのウェブ入門, ともでぃべる

sectionタグ

sectionタグについて調べましょう。

sectionは一つの主題について文書を書く時に使います。

sectionタグの使い方

<section>書きたい文書</section>

たとてhtml5について文書を書くとしたら下のソースのように書けます。

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
    <section>
        <h1>HTML5</h1>
        <p>
            HTML5はウェブページの基本となるウェブ言語です。<br />
            様々なタグにより行われています。<br />
            今はHTML5が出来ていろいろの機能を作ることが出来ます。<br />
        </p>
    </section>
</body>
</html>

一つの文書では理解しにくいんでもう一つの文書を追加してソースを作成します。

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
    <section>
        <h1>HTML5</h1>
        <p>
            HTML5はウェブページの基本となるウェブ言語です。<br />
            様々なタグにより行われています。<br />
            今はHTML5が出来ていろいろの機能を作ることが出来ます。<br />
        </p>
    </section>
    <section>
        <h1>CSS3</h1>
        <p>
            CSS3を利用してウェブページを飾ることが出来ます。<br />
            バッググラウンドの色を白に変更したり文字のfontを変更することが出来ます。<br />
        </p>
    </section>
</body>
</html>

sectionタグはこうどんな主題について文書を書く時に使われます。

講座に戻り