옛글/프로그래밍이야기
HTML , CSS , Javascirpt 뭐가 뭐고 차이점은 뭐죠?
ShakeJ
2010. 12. 15. 10:54
반응형
한마디로, 그 셋의 차이는
html - 내용과 구조, CSS - 표현 분리, javascript - 행동분리 로 나눌수 있어요
이 질문은 HTML 만을 이용해서라도 내용, 스타일링, 레이아웃을 할 수 있지만, xHTML/CSS을 알아야 하는 걸까?
레이아웃 등을 위한 테이블은 웹 디자인에 있어서 구시대에 사용되었던 방법이고, 많은 사람들이 지금도 이와 같이 하고 있는데 이것이 우리가 이 것을 처음에 배우고 있는 이유 이다. 이 것들을 배워야 하는 이유는,
1, 코드의 효율성
당신의 파일이 클 수록 다운로드 하는데, 시간이 오래 걸린다. 무선페이지일 경우 데이터 사용량으로 따지기에 파일이 크면 클수록 돈을 더 많이 지불 해야 한다. 그렇기 때문에 스타일과 레이아웃 모든 것을 큰 페이지를 모든 html 파일에 넣고 싶지 않을 것이다. 때문에 CSS파일과 html 파일로 나누는 것이다.
2, 유지의 편이성
레이아웃과 스타일, 정보를 모두 한곳에만 구체화시키려고 할 때 다음번에 디자인 수정이나 리뉴얼 할 때 매우 힘들게 된다.
3, 접근성
시력이 안좋은 웹 사용자들은 시각보다는 소리를 통해 페이지를 읽어준다. 이런 것을 웹 접근성이라고 하는데, 꼭 장애우 뿐 아니라 일반 사용자가 쉽게 페이지에 접근해서 쉽게 정보를 찾을 수 있는 것이 접근성이 높은 것이라 한다.
xHTML 의 x는 확대가능 이라는 것을 의미한다.
CSS는 html 파일과 다른 파일로서 스타일 부분만 기록이 된 파일이다.
javascript 는 웹페이지에 행동을 더한다는 의미로 생각하시면 된다. 웹페이지에 행동을 더하여, 드래그 앤 드랍 기능, 스타일을 바꿔주고, 메뉴, 핸들버튼 등에 수많은 것들을 활성화 시킨다.
반응형