본문 바로가기
Html&CSS

0210_ HTML5를 알기 전에 HTML4를 알아야 하는 이유

by .Epona. 2020. 2. 11.

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>