본문 바로가기

WEB/웹표준

2009-05-25-웹표준 Xhtml 의 시작 (1)


웹표준 (web Standards)은 w3c의 가이드 라인을 따라 웹사이트를 제작하는 방식이다

웹표준을 따랐을대의 장점

  1. 수정과 관리의 용이
  2. HTML은 구조잡을때만쓰이며 CSS로 표현 한다.
  3. 구조가 잡히면 웹접근성 을 향상 시킨다.
  4. 크로스 브라우징이 가능하다.

문서 생성의 방법

html 생성시 상단에
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

doc 타입을 선언을 해주게되는데 여러 문법적용이 있지만 대부분 파란배경의 하단의 방법을 사용한다.
우선 상단 붉은색 부분 strict선언은 가이드 라인을 엄격하게 지키겠다는 선언이며
두번째 많이 쓰이는 부분은 어느정도 변칙을 적용할수 있다는 것이다.




드림위버 코딩 화면
1번라인 상위처럼 변칙이 적용되게 선언하며
2번라인 은 한글이 보여질수 있도록 언어를 선택해준다.
4번라인 은 메타 태그로 charset을 utf-8로 선언해주었다. euc-kr로 한글로 설정 하지만 다국어 문제때문에 utf-8을
  많이들 선호들 한다고들 한다.

XHTML 가이드라인
1. <>, 공백등은 특수 문자를 사용한다.
2. 단독 태그의 경우에는 /> 종료한다.
3. 중첩성을 보장해야한다.
4. 소문자로 입력하고 속성은 ""를 사용한다. 
5. 이미지의 경우에는 대체 텍스트를 사용한다.

이메일 링크
   <a href="mailto:메일주소">텍스트나 그림</a>

참고사이트 - 웹접근성 연구소 http://www.wah.or.kr


반응형

'WEB > 웹표준' 카테고리의 다른 글

Float 해제방법  (0) 2011.05.03
2009-06-15-웹표준 외부 CSS파일의 구성  (0) 2009.06.15