HTML) 전역속성

html파일 내 태그들마다 공통적으로 사용할 수 있는 속성들

• title : 요소의 정보나 설명을 지정할 때 사용하며, 입력 시 해당 요소에 마우스오버를 하면 툴팁으로 노출된다.

• style : 요소에 적용할 스타일을 지정한다.

• class : 요소를 지칭할 이름.(중복으로 설정할 수 있다.)

• id : 요소를 지칭할 이름.(중복으로 설정할 수 없다.)

• data-name=“data” : name은 변수와 같아 원하는 이름으로 지정하고, data에는 원하는 data값을 넣는다.(문자데이터) *JS와 CSS에서 사용할 수 있다.

  <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)
  })