Q: HTML에서 `
` 태그의 용도는 무엇인가요?
A: HTML에서 `` 태그는 문서 내 특정 부분을 하이라이트(강조)하기 위해 사용됩니다. 일반적으로 사용자가 주목해야 할 텍스트를 시각적으로 구분하는 데 쓰이며, 기본 스타일은 노란색 배경색으로 표시됩니다.
---
Q: `` 태그를 사용하면 어떤 효과가 나타나나요?
A: `` 태그로 감싼 텍스트는 브라우저에서 보통 노란색 배경으로 강조되어 표시되므로, 사용자가 해당 텍스트에 더 쉽게 주의를 기울이게 합니다.
---
Q: `` 태그는 언제 사용하는 것이 적절한가요?
A: 검색 결과에서 검색어를 강조할 때, 중요한 알림이나 경고 메시지 중 일부를 눈에 잘 띄게 해야 할 때, 또는 문서 내 특정 키워드나 구절을 부각하고 싶을 때 사용하면 적합합니다.
---
Q: `` 태그와 ``, `` 태그와의 차이점은 무엇인가요?
A: ``과 ``은 의미론적 강조를 위해 사용되며, 스크린 리더 등 보조 기기에 강조 의도를 전달합니다. 반면 ``는 주로 시각적 하이라이트를 위해 사용되며, 페이지 내에서 사용자가 즉각적으로 주목해야 할 부분을 나타냅니다.
---
Q: `` 태그의 기본 스타일을 변경할 수 있나요?
A: 네, CSS를 통해 `` 태그의 색상, 배경색, 글꼴 스타일 등 시각적 표현을 자유롭게 커스터마이징할 수 있습니다.
---
Q: `` 태그는 HTML5부터 지원되나요?
A: 네, `` 태그는 HTML5 표준에 새로 도입된 태그로, 최신 브라우저에서 폭넓게 지원됩니다.
---
요약:
`` 태그는 HTML 문서 내에서 중요한 텍스트나 사용자에게 즉각적인 주목이 필요한 부분을 노란색 배경 등으로 시각적 하이라이트를 하여 전달하는 데 사용되는 태그입니다.
HTML에서 `<mark>` 태그는 주로 텍스트의 특정 부분을 강조하기 위해 사용됩니다. 이 태그는 주로 검색 결과에서 검색어를 강조하거나, 사용자가 주목해야 할 중요한 정보를 시각적으로 부각시키기 위해 활용됩니다. `<mark>` 태그로 감싸진 텍스트는 일반적으로 배경색이 노란색으로 표시되며, 이는 사용자가 해당 내용을 쉽게 식별할 수 있도록 도와줍니다. `<mark>` 태그의 주요 용도 1. 정보 강조 : `<mark>` 태그는 특정 단어나 구문을 강조하여 독자가 주목해야 할 내용을 쉽게 찾을 수 있도록 합니다. 예를 들어, 웹 페이지에서 특정 <a href='https://sangseek.com/sangseeks/키워드/ko'>키워드</a>나 중요한 정보를 강조할 때 유용합니다. ```html <p>이번 분기 매출이 <mark>20% 증가</mark>했습니다.</p> ``` 2. 검색 결과 하이라이팅 : 검색 엔진이나 웹 애플리케이션에서 사용자가 입력한 검색어를 결과 목록에서 강조할 때 `<mark>` 태그를 사용할 수 있습니다. 이는 사용자가 원하는 정보를 빠르게 찾는 데 도움을 줍니다. ```html <p>검색 결과: <mark>HTML</mark>에서 <mark>마크업</mark> 언어의 중요성.</p> ``` 3. 학습 자료 : 교육용 웹사이트나 자료에서 중요한 개념이나 용어를 강조할 때도 유용합니다. 학생들이 중요한 내용을 쉽게 기억할 수 있도록 도와줍니다. ```html <p>HTML의 기본 구조는 <mark>DOCTYPE</mark>, <mark>html</mark>, <mark>head</mark>, <mark>body</mark>로 구성됩니다.</p> ``` 4. 시각적 접근성 : `<mark>` 태그는 시각적으로 강조된 텍스트를 제공함으로써, 정보의 중요성을 강조하고 독자의 이해를 돕습니다. 이는 특히 시각적으로 정보를 처리하는 데 어려움을 겪는 사용자에게 유용할 수 있습니다. CSS와의 조합 기본적으로 `<mark>` 태그는 노란색 배경색과 검은색 텍스트로 스타일링되지만, CSS를 사용하여 이 스타일을 변경할 수 있습니다. 예를 들어, 배경색이나 글자 색상을 변경하여 웹사이트의 디자인에 맞게 조정할 수 있습니다. ```css mark { background-color: lightblue; color: darkblue; } ``` 접근성 고려사항 <a href='https://sangseek.com/sangseeks/웹 접근성/ko'>웹 접근성</a>을 고려할 때, `<mark>` 태그는 시각적으로 강조된 정보를 제공하지만, 스크린 리더와 같은 보조 기술에서도 적절하게 인식될 수 있도록 해야 합니다. `<mark>` 태그는 의미론적으로도 강조된 정보를 나타내므로, 스크린 리더는 이를 인식하고 사용자에게 해당 정보를 전달합니다. 결론 HTML의 `<mark>` 태그는 웹 페이지에서 중요한 정보를 강조하고, 사용자가 주목해야 할 내용을 쉽게 식별할 수 있도록 도와주는 유용한 도구입니다. 검색 결과 하이라이팅, 교육 자료에서의 강조 등 다양한 용도로 활용될 수 있으며, CSS와 결합하여 디자인적으로도 조정할 수 있습니다. 이러한 특성 덕분에 `<mark>` 태그는 웹 콘텐츠의 가독성과 접근성을 높이는 데 기여합니다.
