속성이 요소에 추가 정보와 동작을 제공하는 방식을 배웁니다.
속성은 시작 태그 안에서 이름과 값으로 작성합니다. href는 링크 목적지, src는 이미지 경로, lang은 문서 언어처럼 태그의 의미를 구체화합니다. 사용자 정의 정보에는 data-* 속성을 사용할 수 있습니다.
예제에서는 name="value" 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 a의 href, title, data-kind 값을 각각 바꿔보세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
같은 속성을 한 태그에 중복 작성하거나 따옴표를 닫지 않으면 이후 마크업까지 잘못 해석될 수 있습니다.
직접 바꿔보세요a의 href, title, data-kind 값을 각각 바꿔보세요.