[Restart-HTML] 종류와 중요도에 따른 태그

b 태그 vs. strong 태그

b 태그는 글자를 굵게만 만들지만, strong 태그는 그 내용이 중요하다는 의미 또한 담는다. 

이러한 디자인 요소는 CSS로 지정해주어야 합니다.

 

i 태그 vs. em 태그

둘 다 글자를 기울이지만, i 태그와 달리 em 태그는 강조하는 역할을 합니다.
글자의 기울임 역시 CSS로 명시해주는것이 좋습니다.

 <!-- strong은 그 내용이 중요하다는 의미를 내포.  -->
  <p>
    <strong>경고!</strong> 이것은 매우 위험함
  </p>
    <!-- em은 강세 요소 이다. -->
  <p>
    나는<em>당근</em>을 사랑합니다.<br>
    나는 당근을 <em>사랑</em>합니다.
  </p>

  <!-- 첨자태그 -->
  <!-- 지수,서수 -->
  <p>
    x<sup>3</sup>
  </p>
  <!-- 각주,변수,화화식 -->
  <p>
    H<sub>2</sub>O
  </p>

  <!-- 밑줄 태그 -->
  <!-- u tag는 철자 오류표시 -->
  <!-- CSS와 같이 사용한다. -->
  <p >
    <u style="text-decoration: #f00 wavy underline;">u 태그</u>입니다.
  </p>
  <!-- s tag는 더이상 유효하지 않는 정보 표시-->
  <p>
    <s>s 태그</s>입니다.
  </p>