코드랩 레퍼런스

<mark> 본문

HTML

<mark>

webstoryboy 2016. 6. 4. 15:47
<mark> 태그는 참조용 표시를 정의합니다.
특징 설명
콘텐츠 카테고리 Flow Content, Phrasing Content, Palpable Content
콘텐츠 속성 Global Attributes, Event Attributes
콘텐츠 요소 Inline Element
닫는 태그 Closing (<mark> ~ </mark>)
시각적 표현 노란색 배경으로 표시
버전 HTML5

Definition

  • <mark> 태그는 중요성과 강조를 고려하지 않는 단순 표시사항으로 사용합니다.
  • <mark> 태그는 검색 결과에 대한 단순 표시사항으로도 사용합니다.

Compare

  • 글씨를 다른 텍스트와 단순 구별하고 싶을 때에는 <b> 태그를 사용합니다.
  • 글씨를 강조하고 싶다면 <em> 태그를 사용합니다.
  • 글씨의 중요성을 강조하고 싶다면 <strong> 태그를 사용합니다.
  • 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 사용한다면 <mark> 태그를 사용합니다.

CrossBroswing

  • <mark> 태그는 HTML5에서 새로 생긴 기능입니다.

Compatibility

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 안드로이드 아이콘 ios 아이콘 익스플로러6 아이콘 6 익스플로러7 아이콘 7 익스플로러8 아이콘 8 익스플로러9 아이콘 9 익스플로러10 아이콘 10 익스플로러11 아이콘 11 엣지 아이콘
<mark>

Sample

mark 태그

  • 글씨의 중요성과 관련성을 전달하지 않고 다른 텍스트와 구별할 때는 <b> 태그를 사용합니다.
  • 글씨를 강조할 때는 <em> 태그를 사용합니다.
  • 글씨의 중요성을 강조하고 싶다면 <strong> 태그를 사용합니다.
  • 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표시를 원한다면 <mark> 태그를 사용합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>mark</title>
</head>
<body>
    <h1>b 태그</h1>
    <div>
        <ul>
            <li>글씨의 중요성과 관련성을 전달하지 않고 <b>다른 텍스트와 구별</b>할 때는 b 태그를 사용합니다.</li>
            <li>글씨를 <em>강조</em>할 때는 em 태그를 사용합니다.</li>
            <li>글씨의 <strong>중요성</strong>을 강조하고 싶다면 strong 태그를 사용합니다.</li>
            <li>글씨의 중요성과 강조를 고려하지 않는 단순 <mark>참고용</mark> 표시를 원한다면 mark 태그를 사용합니다.</li>
        </ul>
    </div>
</body>
</html>

Ad

Comments