1. 클라이언트가 요구하는 웹표준 준수 정도를 확인한다.
2. 개발자가 XHTML을 아는지 확인한다.
반드시 지켜야할 사항
2. 브라우저 접근성을 준수한다.
ie6, ie7, ie8, FF, safari, opera, crome에서 랜더링이 깨지지 않으며, 기능이 100% 구현된다.
3. 문자셋(charset)은 UTF-8로 선언한다.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
파일 저장시 선언한 문자셋과 동일한 인코딩 형식으로 저장한다.
EditPlus의 설정에서 파일> 기본 인코딩을 UTF-8로 세팅해 준다.
4. 의미에 맞는 태그로 마크업 한다.
- 제목 : <h1> ~ <h6>
- text : <a> <p> <pre> <em> <strong> <cite> <address> <dfn> <br> <code>..
- Containers : <div> <span>
- 내용 : <p>
- List : <ol> <ul> <li> <dl> <dt> <dd>
- 특정 부분 참조 : <span>
- 양식 : <form> <input> <select> <option> <textarea> <button> <fildset> <label>
- 표 형식의 데이터 표현 : <table> <tr> <th> <td> <thead> <tbody> <tfoot>
5. 단위는 em으로 지정한다.
- 이 경우엔 글자를 크게 놓고 볼때도 레이아웃이 깨지지 않는 디자인 구조를 가지고 있어야 한다.
6. 모든 태그의 속석은 소문자로 작성한다.
7. 모든 태그의 속성값은 "따옴표"안에 작성한다.
8. Indentation Tap 크기는 space 4로 설정하여 코딩한다.
9. 특수문자는 Entity 코드로 변환하여 코딩한다.
2. 개발자가 XHTML을 아는지 확인한다.
반드시 지켜야할 사항
2. 브라우저 접근성을 준수한다.
ie6, ie7, ie8, FF, safari, opera, crome에서 랜더링이 깨지지 않으며, 기능이 100% 구현된다.
3. 문자셋(charset)은 UTF-8로 선언한다.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
파일 저장시 선언한 문자셋과 동일한 인코딩 형식으로 저장한다.
EditPlus의 설정에서 파일> 기본 인코딩을 UTF-8로 세팅해 준다.
4. 의미에 맞는 태그로 마크업 한다.
- 제목 : <h1> ~ <h6>
- text : <a> <p> <pre> <em> <strong> <cite> <address> <dfn> <br> <code>..
- Containers : <div> <span>
- 내용 : <p>
- List : <ol> <ul> <li> <dl> <dt> <dd>
- 특정 부분 참조 : <span>
- 양식 : <form> <input> <select> <option> <textarea> <button> <fildset> <label>
- 표 형식의 데이터 표현 : <table> <tr> <th> <td> <thead> <tbody> <tfoot>
5. 단위는 em으로 지정한다.
- 이 경우엔 글자를 크게 놓고 볼때도 레이아웃이 깨지지 않는 디자인 구조를 가지고 있어야 한다.
6. 모든 태그의 속석은 소문자로 작성한다.
7. 모든 태그의 속성값은 "따옴표"안에 작성한다.
8. Indentation Tap 크기는 space 4로 설정하여 코딩한다.
9. 특수문자는 Entity 코드로 변환하여 코딩한다.
'all' 카테고리의 다른 글
팝업 (0) | 2010.03.05 |
---|---|
기존 사이트가 ie8에서 깨질 때 (0) | 2010.03.05 |
작업물 체크 리스트 (0) | 2010.03.04 |
용어 (0) | 2010.03.04 |
[Javascript] FAQ (0) | 2010.03.04 |