<aside> ❗ <body> 내의 모든 태그에 적용시킬 수 있는 속성

</aside>

<a href="<https://naver.com>" title="네이버로 이동">NAVER</a>

  1. title : 요소의 정보 또는 설명을 지정

  2. style : 요소에 적용할 스타일(CSS)을 지정

<span class="red">동해물과</span>
<span class="red">우리나라</span>
  1. class : 요소를 지칭하는, 중복 가능한 이름
<span id="A">동해물과</span>
<span id="B">백두산이</span>
  1. id : 요소를 지칭하는 고유한 이름. 중복 불가능
<div data-fruit-name="apple">사과</div>
<div data-fruit-name="banana">바나나</div>

const els = document.querySelectorAll('div')
els.forEach(el => {
	console.log(el.dataset.fruitName)
})
  1. data : 요소에 데이터를 지정. JS에서 제어 가능하다.