본문 바로가기

Frontend/HTML&CSS

[HTML&CSS] Remember Your Place!

반응형

영화 알라딘을 보면 아그라바의 술탄이 자신의 권력에 도전하는 자파에게 하는말이 있다.

"Remember your place, Jafar!"


html 과 css는 브라우저에서 시각적인요소를 표현하는 역할을하고 있다.

이번 포스팅에서 할 얘기는 "각자의 일은 각자가 하자" 이다.

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Document</title>
</head>
  <body>
    <div>...</div>
    <p>...<i>내용</i>...</p>
  </body>
</html>

위의 html을 보면 <i>태그를 이용하여 내용에 이텔릭체를 주고 있다. 

html와 css는 그 역할이 명확하게 정해져 있기 때문에 html이 시각적인 이유로 이텔릭체를 표현할 필요는 없다.

이 부분은 css가 해야할 일 인것이다. 

mdn의 내용을 보면 그 내용을 알수가 있다.


Remember your place!


html은 html의 일만, css는 css의 일만, jacascript는 javascript의 일만 하면 되는 것이다.

 

반응형

'Frontend > HTML&CSS' 카테고리의 다른 글

[HTML&CSS] CSS - BEM 방법론  (0) 2020.01.26