制作者の活動(PR)。

アイドル・堀北真希ちゃんにうさぎの耳を着けた擬獣化キャラクタ
主な作品

制作者に依るイラストと動画作品の一例

汎用スタイルコンテナ要素。

特に文書上の構造とは無関係にスタイルを適用する場合のために、汎用スタイルコンテナ要素が用意されています。

ブロックレヴェルとなる場合には<div>要素、インラインにスタイルを適用する場合は<span>要素を使います。

汎用スタイルコンテナ要素・目次。

<div>要素…ブロックレヴェル化。

<div>要素の本来の機能は、特定の意味を持たない形式的なブロックレヴェル要素というものです。インライン要素である<img>要素(画像埋め込み)を形式的なブロックレヴェルとするために用いましたが、特定のスタイルを当てたブロックを作るのにも使えます。

内容はブロックレヴェル要素でもインラインでも何でも構いません。

<div class="クラス名">
        …
    </div>

<span>要素…汎用インライン要素。

<span>要素はインラインにおいて論理的な意味無しでスタイルを当てる場合に用います。しかし、論理的な意味を伴わないので、多用は慎むべきものです。

例えば文字の色を変えたいと言う場合、そこには強調するとなどと言う目的があるはずです。つまり、<span>要素ではなく<em>要素に適切なスタイルを当てればいいと言う事になります。これなら、CSSを認識しないブラウザでも強調されている事が分かります。

もちろん、論理要素に適切なものが無い場合などの場合には制作者側が論理的に意味付けて使う事も出来ますが、見る側にはCSSなどの効果が無い限りその意義は全く伝わらない事をお含み置き下さい。

<span>要素を用いる例。

以下、class属性と組み合わせた<span>要素の記述例です。

… <span class="クラス名">…</span> …

しらぎくのウェブサイト作成入門サイトマップ

ページ外へのご案内。

marguerite.site@gmail.com