<2. 문서형 선언, 언어지정, 문자코드셋 지정>
open folder 하거나 폴더를 드래그한다.
1. 문서형 선언
<!DOCTYPE html>
1) 역사
html4 -> xhtml1.0 -> xhtml1.1(Strict만)-> xhtml 2.0 -> html5로 발전
xhtml은 1.0 아주 엄격하게 짜여짐
1.1은 더 엄격
2.0이 문제. 너무 생소해서 일반 유저들이 좋아하지 않아서. 개발이 중단됨
이후 html5로 형식도 좀 유연하게 하위 브라우저에서 호환되도록 만들게 됨.
- Strict : 엄격한 형식. 권장되는 것만. 잘못쓰면 렌더링 되지 않음. xhtml1.1에서는 transitional과 frameset이 폐지되고 strict만 사용 가능.
- Transitional : iframe 등은 strict에서 인정치 않음. strict에서 인정되지 않는 요소를 사용할 경우 Transitional 사용.
- Frameset : 프레임을 사용할 경우. 여러개의 웹페이지를 띄울 때.
(1) html4로 작성 - HTML 4.01 일 경우
https://www.w3schools.com/tags/tag_doctype.asp
- Strict
http://www.w3.org/TR/html4/strict.dtd">
- Transitional (권장)
http://www.w3.org/TR/html4/loose.dtd">
- Frameset
http://www.w3.org/TR/html4/frameset.dtd">
주로 Transitional을 쓴다.
- html5 부터는 이런 지정들을 하지 않고 단지 html 문서 임을 표기하는 것으로 끝.
- 특별한 요구 사항이 없는 경우에는 html5 버전으로 지정하는 것을 권장하지만, 크로스브라우징을 위해서, 적용되는 프로그램이 html5 버전 적용 시 버그가 있을 경우에는 html4 Transitional 타입을 권장.
(2) XHTML 1.0 일 경우
-Strict
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-Transitional (권장)
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-Frameset
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
HTML5 일 경우
<!DOCTYPE html>
2. 네임 스페이스와 언어코드 - <html lang="ko">
ko : 한국어
en : 영국 영어
en-US : 미국 영어
fr : 프랑스어
zh : 중국어
ja : 일본어
언어코드 참조) http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
- html4, html5 에서는 xml네임스페이스 불필요. : <html lang="ko">
- xhtml 에서는 xml네임스페이스 필요. :
3. 문자코드세트 지정 - <meta charset="UTF-8">
문자코드셋이 타이틀보다 먼저 있어야, 한글이 깨지지 않는다.
(크롬은 없어도 깨지지 않으니, explore에서 확인할 것)
마임타입 HTML4 XHTML1.0
(Compatable) XHTML1.0
(Other) XHTML Basic/1.1 XHTML+MathML
Text/html 추천 가능 비추천 비추천 비추천
Application/xhtml+xml 금지 추천 추천 추천 추천
Application/xml 금지 가능 가능 가능 가능
Text/xml 금지 가능 가능 가능 가능
1) 4버젼 문자 코드 셋.
<meta http-equiv="Content-Type" content="Text/html; charset=UTF-8" />
2) xhml로 쓸 떄 문자코드셋은
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />로 써야하지만 익스플로럴에서 뜨지 않을 수 있으므로.
<meta http-equiv="Content-Type" content="Text/html; charset=UTF-8" />을 그대로 쓴다.
cf) 서브라임 텍스트 줄바뀜이 싫으면 view - wordlab 해제
'Front > Html' 카테고리의 다른 글
| [HTML] 3-3. 단의어 정의와 약어, 작품의 제목 표현. (0) | 2020.11.05 |
|---|---|
| [HTML] 3-2. 구문강조, 하이라이팅 (0) | 2020.11.05 |
| [HTML] 3-1. 문자 실체잠조와 수치 문자 참조 적용 (0) | 2020.11.05 |
| [HTML] 2-4. html템플릿 작성하기 (0) | 2020.11.05 |
| [HTML] 2-3. 메타요소 알아보기 (0) | 2020.11.05 |
| [HTML] 2-1. html 태그 작성 문법, 메타태그 (0) | 2020.06.15 |
| [HTML] 1. 웹표준 (0) | 2020.06.15 |
| [HTML] 0. 더미 텍스트, 이미지 만들기 (0) | 2020.06.15 |
