02. CSS가 등장하기 전의 상황

 

웹을 만든 사람들은 웹페이지를 아름답게 만드는 방법에 대한 깊은 고민에 빠집니다. 여기서 질문 ! HTML이라는 이미 있는 언어의 디자인과 관련된 새로운 태그를 추가하는 것과 디자인에 최적화된 완전히 새로운 언어를 만드는 것 중에서 어떤 것이 더 쉬운 방법일까요 ? HTML에 디자인에 대한 새로운 태그를 추가하는 것이 더 쉽겠죠? 바로 이것이 쉬운 길입니다. 웹 브라우저를 만드는 사람들은 우선 쉬운길을 선택해야 합니다. 그리고 그 한계를 깨닫고 근본적인 해결책을 찾는데 바로 그것이 CSS라는 새로운 언어 입니다.

 

... 생략 ....
<h1><a href="index.html"><font color="red">WEB</font></a></h1>
<ol>
    <li><a href="1.html"><font color="red">HTML</font></a></li>
    <li><a href="2.html"><font color="red">CSS</font></a></li>
    <li><a href="3.html"><font color="red">JavaScript</font></a></li>
</ol>
... 생략 ....

 

지금은 사용되지 않는 디자인을 위한 태그를 하나 소개하겠습니다. <font> 태그 입니다. 이것은 이제 더이상 쓰지 않는 태그라서 가볍게만 생각 해주 시면 됩니다. <font>가 처음 나왔을때는 색깔을 바꿀수 있어서 좋았는데 , 웹페이지가 많아지고 웹 기술이 중요해짐에 따라 이런 방식의 한계를 느끼게 됩니다. 이 한계를 이해해야만 css의 본질을 이해하기가 수월할 것입니다.

<a>태그는 "WEB" 이라는 정보가 링크다 ! 라는것을 설명하는 정보 입니다.

<h1>태그는 "WEB" 이란 문자가 이 웹페이지에서 제목이다 ! 라는 중요한 정보를 나타냅니다.

바로 이런 정보를 통해 여러분이 알고 있는 검색 엔진과 같은 시스템들이 필요한 정보를 찾게 합니다.

반대로,

<font>란 태그는 "WEB" 이란 문자에 대해 어떠한 정보도 가지고 있지 않습니다. 단지 빨간색을 표현 해야 한다는 디자인을 나타낼 뿐입니다. 디자인은 매우 중요한것 이지만 디자인 자체가 정보라곤 할 수 없습니다.

 

또 다른 문제로는 극단적으로 생각해 본다면 , 현재 링크가 4개 있습니다. 이 <a> 태그가 4개가 아니라 1억개라고 생각해봅시다. 그리고 누군가 1억개의 <a> 태그를 아침,점심,저녁으로 색깔을 바꿔달라고 요청합니다. 여러분이 이런 상황으로 인해 충분히 절망했다면, 이 상황을 극복하게 해주는 놀라운 기술인 css를 배웠을때 우리는 해방된 느낌이 들 것입니다. 이제 다음시간부터 css라는 기술이 왜 필요한지, 얼마나 획기적인 것인지에 대해 스스로 생각해보는 시간을 가져보겠습니다.