HTML에서는 <mark> 태그를 사용하여 텍스트를 강조 표시할 수 있습니다. HTML의 <mark> 태그는 다른 맥락에서의 관련성을 나타내기 위해 참조 목적으로 강조된 텍스트를 지정합니다.
기본 사용법
브라우저에서 <mark> 태그로 감싼 텍스트는 기본적으로 노란색 배경으로 표시됩니다. 이는 독자가 해당 부분이 중요하거나 현재 문맥과 관련이 있음을 직관적으로 알 수 있게 해줍니다.
예제
아래 코드를 실행하여 HTML 콘텐츠를 참조용으로 강조 표시하는 방법을 확인해 보세요.
<!DOCTYPE html> <html> <head> <title>HTML Mark Tag</title> </head> <body> <h2>인도의 크리켓 선수</h2> <p>사친 텐둘카르는 크리켓의 <mark>신</mark>입니다.</p> </body> </html>
mark 태그 활용 팁
<mark> 태그는 검색 결과에서 일치하는 키워드를 강조하거나, 문서 내에서 특별히 주목해야 할 부분을 표시할 때 유용하게 사용됩니다. CSS를 활용하면 기본 노란색 배경 대신 원하는 색상이나 스타일로 커스터마이징할 수도 있습니다.