Html5를 알기 전에 Html4를 알아야 하는 이유
그 이유는 아래와 같다
-크로스브라우징
-웹표준/웹접근성
결론은 내가 작업을 하기 편하기 위해서..
누군가 작업해 놓은 것을 유지/보수 할때 든, 신규로 작업을 할때든 정확히 알고 구분할 줄 알아야 한다
웹표준
웹을 사용하는 어떠한 기기에서든지 같게 표현이 되도록 하는 작업
웹접근성
누구나 웹을 사용할 수 있게 작업
크로스 브라우징
W3C에서 채택된 표준 웹 기술을 적용하여 다양한 브라우저에서 동일한 화면을 구성하는 작업
웹 표준과 접근성은 2008년도 부터 시행되었다. 그리고 크로스브라우징을 위해 이 웹페이지가 html5로 작업되었는지 그 이하로 작업되었는지를 알아야 한다. 그것을 구분할 수 있어야지 엄한 짓을 하지 않을 수 있다.
@HTML, CSS 구현
- HTML : 뼈대
- CSS : 정적인 디자인
@ 스크립트 구현
- 자바 스크립트 : 동적인 요소
>>사이트를 참고하려면 웹접근성 마크가 있는 사이트를 참고
참고할 만한 사이트
- 종로 구청 : HTML 4 로 작성됨
- 서초 구청 : HTML 5 로 작성됨
@다양한 웹코딩 프로그램
- 에디트 플러스
- 아톰
- 브라켓 브라켓 바로가기
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>사이트의 제목넣기</title>
<meta name="robots" content="noindex, nofollow" />
<meta name="keywords" content="키워드넣기" />
<meta name="description" content="설명넣기"/>
<meta name="author" content="저자넣기"/>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>사이트의 제목넣기</title>
<meta name="robots" content="noindex, nofollow" />
<meta name="keywords" content="키워드넣기" />
<meta name="description" content="설명넣기"/>
<meta name="author" content="저자넣기"/>
</head>
<body>
</body>
</html>