HTML 태그 – 올바른 이해와 사용 방법

`` 태그의 정의 및 사용법

 태그는
한 문서 내에서 관련성이 있는 특정 부분을 참조 목적으로 표시하거나 강조하는 텍스트 구간을 나타냅니다.

대부분의 브라우저에서는  태그의 텍스트에 형광펜으로 마크한 것과 같은 하이라이트가 표시됩니다.

HTML - 인용문 내에서 중요한 부분 강조

<blockquote>
    <p>"학습은 경험을 통해 이루어지며, <mark>실수</mark>는 중요한 교훈을 제공합니다."</p>
</blockquote>

HTML - 문서에서 주의를 끌기 위한 강조

<p><mark>냉장고</mark> 안에 있는 음식을 오래 보관하기 위해서는 올바른 온도와 습도를 유지해야 합니다.</p>

이러한 예제들에서  태그는 주어진 맥락 내에서 중요한 부분을 강조하여 텍스트를 부각시키는 역할을 합니다.

사용법

 태그는 한 문서 내에서 관련성이 있는 특정 부분을 참조 목적으로 표시하거나 강조하는 텍스트 구간을 나타냅니다.
이 구간은 다른 문맥에서의 관련성 때문에 강조 처리됩니다.

인용문이나 본문에서 참조된 다른 텍스트 블록 내에서 사용될 때, 이는 원래 존재하지 않았지만 독자의 주의를 해당 텍스트 부분으로 끌어들이기 위해 추가된 하이라이트를 나타냅니다. 이 텍스트 블록이 처음 작성되었을 때 원래의 저작자가 중요하지 않다고 여겼을 수 있는 부분이 현재 예상치 못한 강조를 받게 됩니다. 문서의 본문에서 사용될 때, 이는 사용자의 현재 활동과 관련성 때문에 강조된 문서의 부분을 나타냅니다.

일반적인 사용

인용문(<q>, <blockquote>)에서 사용될 때, 일반적으로 원본 자료에서 특별한 흥미를 끄는 텍스트를 나타내며, 원래 저자가 그것을 특별히 중요하게 생각하지 않았지만 특별한 주의를 필요로 하는 자료를 나타냅니다. 이것은 책에서 관심 있는 부분을 표시하기 위해 형광펜을 사용하는 것과 유사하다고 생각하십시오.
그렇지 않은 경우,  태그는 문서 내용 중 사용자의 현재 활동과 관련이 있을 것으로 예상되는 부분을 나타냅니다. 이것은 예를 들어 검색 작업과 일치하는 단어를 나타내는 데 사용될 수 있습니다.
 태그를 구문의 스타일을 위한 하이라이트 목적으로 사용하지 마세요. 대신, 적절한 CSS를 적용한 를 사용하세요.

- 출처: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/mark#usage_notes