こんにちは
今回はHTMLの基本となる『要素』と『属性』のまとめです。
質問はコメントで受け付けています。
要素と属性
タグは要素の目印です。
例 divタグとdiv要素
タグ
- 開始
- <div>
- 終了
- </div>
要素
- outerHTML(外観)
- <div id="abc">aaa</div>
- innerHTML
- aaa
- text node(innerText)
- aaa
- id(属性)
- abc
このようになっています。
『要素』に『属性』がついています。(ないこともあります)
この要素を選択するCSSセレクターは
div
ただし、この場合他にもdiv要素があればそちらも選択してしまいます。
この要素『だけ』選択したければ、id属性があればIDセレクターを使います。
#abc
IDセレクターは#id名です。
id属性はユニークでなければならないので、1つの要素を特定することができるのです。
<要素名>～～～～
これが要素です。
このような要素をオブジェクトとして操作するための仕組みがDOMです。
Document Object Modelというもので、文書をオブジェクトとして扱うことができます。
次回はDOMのお話です
それでは今回はこの辺で！