HTML은 구조만 잡는 역할이지 예쁘게 만드는 역할이 아니다.

HTML로 예쁘게 만들려는 시도를 하지말고, HTML은 구조만 잡도록 신경쓴다.

전역 속성

html의 body 안에서 사용할 수 있는 어떤 요소에서든지 사용할 수 있는 속성을 전역 속성이라고 한다.

<태그 전역속성="값"></태그>

title

요소의 정보나 설명을 지정

style

요소에 적용할 스타일(CSS)을 지정

class

요소를 지칭하는 중복 가능한 이름

id

요소를 지칭하는 고유한 이름

data-이름="데이터"

요소에 데이터를 지정

이 속성과 값이 작성되어 있는 요소에다가 잠시 데이터를 저장하고 추후 자바스크립트에서 사용할 수 있다.

const els = document.querySelectAll('div');

els.forEach(el => {
	console.log(**el.dataset.fruitName**)
});