HTML 마이크로데이터에서 itemscope와 itemprop 속성의 역할은?

Q: HTML 마이크로데이터에서 itemscope와 itemprop 속성의 역할은?

구조화된 데이터를 HTML에 직접 마크업하여 검색 엔진이 콘텐츠를 이해할 수 있게 한다 itemscope는 구조화된 데이터 항목의 범위를 정의하고, itemprop은 해당 항목의 속성명을 지정합니다. itemtype으로 Schema.org 타입을 연결하면 검색 엔진이 리치 스니펫(Rich Snippet)을 표시할 수 있어 SEO에 효과적입니다.

어려움 MDN Web Docs

보기 및 정답

A 구조화된 데이터를 HTML에 직접 마크업하여 검색 엔진이 콘텐츠를 이해할 수 있게 한다

B CSS의 적용 범위(scope)를 특정 요소로 제한하여 스타일 충돌을 방지한다

C JavaScript 변수를 HTML 속성에 바인딩하여 동적 데이터를 실시간으로 표시하게 한다

D 폼 데이터의 유효성 검사 규칙을 정의하여 사용자 입력을 자동으로 검증한다

해설

itemscope는 구조화된 데이터 항목의 범위를 정의하고, itemprop은 해당 항목의 속성명을 지정합니다. itemtype으로 Schema.org 타입을 연결하면 검색 엔진이 리치 스니펫(Rich Snippet)을 표시할 수 있어 SEO에 효과적입니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

HTML 마이크로데이터에서 itemscope와 itemprop 속성의 역할은?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

시장과 사람의 답을 봤다면,다음 결과물의 구조를 고릅니다.

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.