🟡 <mark>

• 텍스트에 형광펜으로 그은 듯한 표시를 한다.
• 강조할 부분에 <mark>라고 삽입한후 CSS에서 배경등을 지정해준다.
• 지정된 값이 없으면 완전한 노란색으로 표현된다.

strong - 강한강조 -콘텐츠 내용에 의한 객관적 강조.
em - 약한강조, 웹 저작자에 의한 주관적 강조
mark - 강조의 의미는 아님, 사용자에 의한 임의적 표현 span - 강조의 의미는 아님, 사용자에 의한 임의적 표현

→ 하단의 두가지 태그는 1세대의 요소로 사용가능하나, 사용하지 않는 것을 권장.

b = 'bold'의 약자로 기본값이 {font-weight:bold}와 같다.(=<strong>)
i = 'italic'의 약자로 기울임을 표현.(=<em>)

<p><mark>텍스트에 형광펜</mark>처럼 강조를 해 줄수 있습니다.</p>
<p>
  <em class="coforward">co<span>Forward</span></em
  >의 관리자 사이트입니다.<br />
  <strong>보안을 위해 반드시 로그아웃 하여 주시기 바랍니다.</strong>
</p>

🟡 <time>

• 마이크로포맷에서 날짜와 시간등을 표현할 수 있는 time태그를 hmtl5에서 지원한다.
• <time> 태그에서 직접 날짜를 지정하면 브라우저에서도 날짜를 인식한다.
• 인라인요소

<p>
  <time datetime="2010-06-10T13:00:00" pubdate>2010년 6월 10일 오후 1시</time>
</p>

🟡 <address>

• 우편주소나 메일 주소를 표시하기 위한 게 아니다.
• 웹페이지에 대한 연락처 정보를 제공하기 위한 것이다.
• 즉, 사용자들로부터 피드백을 받기위한 목적으로 사용된다. (이메일 주소, 전화번호, fax, sns 등이 포함된다)
• 블럭요소

<address>
  by <a href="#" target="_blank">webguru</a>, mailto:<a href="#"
    >funcom@gmail.com</a
  >
</address>

🟡 <hr>

• 웹페이지안에서 주제가 바뀔 때 사용하는 태그
• <section>태그를 사용해도 내용과 내용을 구분할 수는 있지만 <hr>태그는 주제가 바뀐다는데 좀더 무게가 실린다.
• <p>태그를 사용해 단락을 나누는 대신 <hr>태그를 사용해도 된다.
• 사용빈도 매우 낮음, 되도록 사용 지양.
• 인라인요소

<p>웹페이지안에서 주제가 바뀔 때 사용하는 태그</p>
<hr class="flower" />
<p>태그는 주제가 바뀐다는데 좀더 무게가 실린다.</p>

🟡 <ruby>

• <ruby>요소로 루비요소를 지정
• <rt>로 루비 요소 컨텐츠에 해당하는 루비 텍스트를 표시(해석글)
• <rp>는 루비요소를 지원하지 않는 브라우저를 위한 것으로 일반적으로 괄호를 사용하여 루비의 컨텐츠 요소와 루비 텍스트를 구분- [通(통할 통)] 처럼 표시된다.(현재는 ruby를 지원하지 않는 브라우저가 없으므로 사실상 무의미한 요소)

<p>
  <ruby>通<rp>(</rp><rt>통할 통</rt><rp>)</rp></ruby>
</p>
<p>
  <ruby>進<rt>나아갈 진</rt></ruby>
</p>

🟡 <a>

• 하이퍼링크를 작성하는 요소로, 어떻게 보면 HTML에서 가장 중요한 요소라고 할 수 있다. HTML5에서도 이 기본적인 기능은 변함이 없다. 그러나 html5에서는 Inline요소인 <a>가 block 요소를 포함할 수 있게 됐다. (뉴스룸에서 이미지, 텍스트 등 요소들 중 하나만 선택해도 동일한 링크로 넘어갈 수 있도록 하기 위함)
• 여전히 inline요소이므로 display:block을 반드시 입력해줘야함!

<a href="“#”">
  <section>
    <h1>html5에서는</h1>
    <p>html5에서는…</p>
  </section>
</a>