- お問い合わせ
- サイトマップ

TOP > 作例

# 見出し1

- linklist01 の派生型 ( h1要素の直後 )
- 共用構成要素の派生型を用いた整理方法
- 派生型という概念を適用し共用要素の総数を減らす

各ページを作成する際に、テンプレートを元にして内容は別途作成した共用要素を使用する手法でウェブサイト制作を進める場合の、効率化を目的とした、その共用要素の整理方法の一例です。簡単な規則を適用し、一貫性を保つことが要点となります。

- linklist01 の派生型 ( テキストの直後 )
- 派生型を適用するための拡張性のある簡単な規則
- CSS の記述を減らすための属性セレクタの使用

- linklist01 の派生型 ( ブロック要素の直後 )
- 派生型を適用するための拡張性のある簡単な規則
- CSS の記述を減らすための属性セレクタの使用

派生型とする、異なる指定が必要な種類を列挙します。今回は、各共用要素で下記の3種類の状況で、それぞれ上の空きが異なっていることとします。

- linklist02 の派生型 ( テキストの直後 )
- 派生型を適用するための拡張性のある簡単な規則
- 共用構成要素の派生型を用いた整理方法

## 見出し2

- linklist01 の派生型 ( h2要素の直後 )
- 派生型という概念を適用し共用要素の総数を減らす
- 派生型を適用するための拡張性のある簡単な規則

- リンク1
- リンク2
- リンク3
- リンク4
- リンク5