[HTML] HTML의 element, attribute, property, DOM

어떤 언어를 공부하던 attribute와 property란 단어를 자주 접한다.
항상 접하지만 항상 헷갈려서 html 기준으로 기억할겸 간략하게 작성해보겠다.

---

ex) :

<input type = "button" value = "test"></input>

위와 같이 html이 작성돼 있으면

• input : element
• type : attribute
• button : attribute의 value

---

DOM

일단 DOM은 Document Object Model 이고 웹페이지의 인터페이스라고 한다..
구글링을 해보면 정말 많은 설명과 글이 있지만 읽어봐도 크게 와 닿지는 않기에
내가 실제로 사용하고 이해된 바로 설명을 하자면

• 흔히 개발자 도구에서 보이는 hmtl이 아닌 단어 그대로 문서의 객체다.
• javascript로 조작이 가능한 동적인 요소이다.

---

property

value = "test" 이 부분에서 "test" 가 DOM 상에서는 동적인 속성
즉 property라 불려진다.