Content roles

텍스트 링크 이미지

콘텐츠마다 맡은 역할이 다르므로 정보 전달 방식과 필수 속성을 먼저 확인합니다.

Text

읽는 구조

  • 제목h1부터 순서 있게
  • 단락p로 생각 단위를 분리
  • 강조strong, em은 의미 중심

예: 소개 글, 안내 문장, 목록 설명

Link

이동 경로

  • 목적지href는 반드시 지정
  • 문구이동할 곳을 구체적으로 설명
  • 방식외부 링크는 target을 신중히

예: 상세 페이지, 외부 자료, 페이지 내 앵커

Image

시각 정보

  • 파일src로 경로를 연결
  • 대체alt로 의미를 전달
  • 크기공간 확보와 반응형 표시를 고려

예: 프로필 사진, 로고, 설명용 그림