<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>