属性,div,spanについて

要素

• 開始タグ～終了タグまでのこと

<h1> 要素の内容 </h1>

属性

• 要素になにかしらの設定をすることができる
• 属性という名前を作ることでその部分だけデザインを変えたりできる

<要素名 属性="属性値">

id

• HTML内でid属性に同じ名前をつける事はできない。
• 半角英数字とハイフン(ケバブケース)を使用(他の記号を使うとCSSだと動かない等があるため)

class

• 同じclass属性の名前を何度も使える。
• ケバブケースを使用。
• スペースを入れることで1つのタグに複数のクラスを設定できる

idはclassよりも優先される

data-ナンデモ属性

自由に決めれるカスタムデータ属性

data-カスタム属性=" "

div と span

複数のタグ等でグループを作るタグ。

div

• divの前後に改行が入る
• 幅と高さを指定できる
• divの中に何でも入れれる
• display:block

span

• spanの前後に改行が入らない
• 幅と高さを指定しても反映されない
• 文章の一部を装飾するのに便利
• display:inline