상식닷컴
로그인
가입하기
2026년 상식닷컴 선정 식당 & 카페 리스트
2025년 2026년 신상 호텔 리스트
최근에 오픈한 호텔을 찾는다면 살펴보세요
일주일 식단표 어플
자동 일주일 식단표 어플
안드로이드
아이폰
주식 & 코인 차트의 신
1000만원으로 2000만원 만들기 프로젝트
궁금한 상식 보기
남수단 정부의 주요 정책은 무엇인가요?
황사와 함께 날아오는 입자는 무엇인가요?
오렌지나무의 꽃은 언제 피어나나요?
오렌지나무와 다른 과일 나무의 교배가 가능한가요?
오렌지나무의 감소하는 생태적 요인은 무엇인가요?
박보검이 출연한 광고는 무엇이 있나요?
박보검이 출연한 드라마 중에서 최고로 평가되는 것은 무엇인가요?
옥수수 요리의 품질을 높이기 위한 저장 방법은 무엇인가요?
비타민B가 체온 조절에 미치는 영향은 무엇인가요?
면역력이 떨어진 사람에게 홍역이 더 위험한가요?
홍역 감염 시 발생할 수 있는 위험한 합병증은 무엇인가요?
남자 이별후 3개월, 어떤 기분이 주로 드나요?
Previous
Next
수정하기 - 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순위입니다.
수정하기
취소하기