속성이 요소에 추가 정보와 동작을 제공하는 방식을 배웁니다.
속성은 시작 태그 안에서 이름과 값으로 작성합니다. href는 링크 목적지, src는 이미지 경로, lang은 문서 언어처럼 태그의 의미를 구체화합니다. 사용자 정의 정보에는 data-* 속성을 사용할 수 있습니다.
a 하나에 속성 네 개가 붙어 있습니다. href는 MDN 주소, target=_blank는 새 탭을 지정하고, rel=noreferrer는 열린 페이지에 출발 주소를 알리지 않게 합니다. h1의 title은 마우스를 올렸을 때 작은 설명 상자로 뜨고, data-kind=reference는 화면에 아무 변화 없이 스크립트가 읽을 값으로만 남습니다.
disabled, required, checked처럼 값 없이 쓰는 불리언 속성은 이름이 있는지만으로 동작합니다. disabled=false라고 적어도 속성이 남아 있으면 비활성 상태가 되므로, 끄려면 속성 자체를 지워야 합니다. 속성 이름은 대소문자를 구분하지 않고, 값에 공백이 없으면 따옴표도 생략할 수 있습니다.
같은 속성을 한 태그에 중복 작성하거나 따옴표를 닫지 않으면 이후 마크업까지 잘못 해석될 수 있습니다.
직접 바꿔보세요a의 href, title, data-kind 값을 각각 바꿔보세요.