HTML font color 태그는 폐지되어 style color 속성 사용 필요


<font color> 태그

<font> 태그는 HTML5 부터는 지원을 하지 않습니다. <font> 태그와 color 속성은 style 속성과 color 속성값으로 모두 대체되었습니다. 물론 아예 중단할 경우 과거에 <font> 태그로 작성된 수 많은 웹문서가 깨지므로 혼용을 허용하고 있습니다.

현재 정석적인 방법은 디자인 효과를 주기를 원하는 태그에 style 속성을 삽입하거나 <style> 태그 사이에 CSS 선택자를 적용하는 것입니다.

아래 예시 처럼 <font> 태그에 color 속성을 사용해도 작동은 합니다. 하지만 작동이 되는 이유는 과거의 수 많은 웹문서를 보존하기 위함이지 웹표준은 아닙니다. 맨 아래 처럼 태그에 style 속성과 속성값을 따로 삽입하는 것이 웹표준입니다.

<h2>수메르 어원</h2>
<font color="red"><p>아카드인의 방언 : 아카드인이 메소포타미아 남부 지방 사람들을 아카드어로 부르던 말</p></font>
<p style="color:blue;">웅 상 기가 : 수메르인들이 수메르어로 자신들을 부르던 말, 검은 머리 사람들이라는 의미</p>


<style> 태그로 삽입

가장 좋은 것은 <style> 태그를 <head> 사이에 직접 삽입해서 CSS 선택자를 적용하는 것입니다. 디자인(글씨색 CSS)과 정보(HTML 태그)가 분리되어 편집자와 컴퓨터 모두 윈윈이 됩니다.

<!DOCTYPE html>
<html>
  <head>
    <style>
      ul {
        color: green;
      }
    </style>
  </head>
  <body>
    <h2>수메르어 어원</h2>
      <ul>
        <li>시날(Shinar) : 성경에서 수메르를 지칭하는 방언</li>
        <li>신그르(Sngr) : 이집트 문명에서 수메르를 지칭하는 방언</li>
        <li>산하르(Sanhar) : 히타이트에서 수메르를 지칭하는 방언</li>
      </ul>
  </body>
</html>