텍스트 의미: strong, em, mark

핵심 개념

단순히 글자를 진하게 하거나 기울이는 게 아니에요. <strong>은 중요한 내용, <em>은 강조하고 싶은 말, <mark>는 형광펜 칠하기랍니다.

코드 분석

HTML5📋 코드 (1줄)

<p><strong>주의:</strong> 여기를 <em>꼭</em> 읽어보세요. <mark>중요한 단어</mark>입니다.</p>

AI 프롬프트

🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트

Claude

무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6

내 본문 HTML에서 b/i/u 같은 시각적 태그와
strong/em/mark 같은 의미적 태그를 잘못 쓴 곳을 찾아
올바르게 수정해줘. 이유도 설명해줘.

ChatGPT

무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro

strong vs b, em vs i, mark vs span의 차이를
실전 뉴스 사이트(BBC, 한겨레)에서
어떻게 쓰는지 예시 비교표로 보여줘.

Gemini

무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro

이 본문 전체를 분석해서
시맨틱 텍스트 태그 사용률, 접근성 영향,
SEO 키워드 강조 측면을 종합 리포트로 만들어줘.

Grok

무료: Grok 4.1 / SuperGrok $30/mo

2026년 검색 엔진이
strong/em 같은 의미 태그를
실제로 가중치로 반영하는지 솔직히 알려줘.

⭐ 이것만 기억하세요

텍스트 의미: strong, em, mark는 이 3가지만 확실히 잡으세요

1.굵게 보이려고 <b>를 쓰면 시각적으로만 굵을 뿐, 스크린리더는 중요한 텍스트인지 알 수 없습니다

2.strong은 '중요', em은 '강조', mark는 '하이라이트' — 각 태그가 고유한 의미 역할을 갖고 있습니다

3.다음 챕터에서 텍스트를 목록으로 구조화하는 ul, ol, dl을 배웁니다

진행도 6 / 33