상식닷컴
로그인
가입하기
2026년 상식닷컴 선정 식당 & 카페 리스트
2025년 2026년 신상 호텔 리스트
최근에 오픈한 호텔을 찾는다면 살펴보세요
일주일 식단표 어플
자동 일주일 식단표 어플
안드로이드
아이폰
주식 & 코인 차트의 신
1000만원으로 2000만원 만들기 프로젝트
수정하기 - HTML에서 `<mark>` 태그의 용도는 무엇인가요?
닉네임
비밀번호
제목
내용
[이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]
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>` 태그는 웹 콘텐츠의 가독성과 접근성을 높이는 데 기여합니다.
이용안내
커뮤니티 이용안내
×
- 게시한 게시글로 발생하는 문제는 게시자에게 책임이 있습니다.
- 게시글이 타인/타업체의 저작권을 침해할 경우 모든 책임은 게시자에게 있습니다. 게시자가 모든 손해를 부담해야 합니다.
- 상식닷컴 운영자는 게시자와 상의하지 않고 게시글을 수정 또는 삭제할 수 있습니다.
- 상식닷컴 운영자는 깨끗한 커뮤니티 공간을 만드는 것이 1순위입니다.
수정하기
취소하기