티스토리 뷰
어제 html파일을 하나 보게 되었다. 조금 복잡해 보이는... 그런데 뭔가 어색해서 자세히 살펴보니, DOCTYPE 이 정의되어 있지 않았다.
하지만 잘 된다.. 라고 생각.. 여기까지가 딱 나의 수준이다.
Doctype을 왜 붙여 주어야 하지? 라는 생각으로 Doctype에 대한 내용을 인터넷에서 이것 저것 살펴보았다. 우선은 책을 보니 다음과 같은 설명이..
DOCTYPE은 유효성 검사기가 어떤 규칙을 이용해서 이 문서에 대한 유효성 검사를 할지 결정할 수 있도록 합니다. - 웹 2.0을 이끄는 방탄 웹
나중에 추가로 알게 된 사실이지만, 이에 더하여 DOCTYPE은 웹 브라우저에서 해당 페이지를 어떻게 그려서 보여줄 지 판단하는 기준이 된다. "몇몇(=Some)" 브라우저는 DOCTYPE이 정의 되어 있지 않을 경우, Quicks 모드로 동작하게 되고, 그 모드에 따라서 페이지를 그려주는데... 제일 큰 문제는 안 그런 브라우저도 있고, Quicks모드도 동일하지 않다는 것. 따라서 모든 브라우저에서 비슷하게 보이도록 하기 위하여 DOCTYPE을 반드시 추가해야 한다는 거.. (물론, Quicks모드가 더 느리게 그려진다.. 등등 다른 이유도 있었다.)
문제는 여기서 끝나지 않았다. 그래서 코드에 DOCTYPE을 넣어 보려니, 이게 종류가 참 많다. 어떤 것을 넣어야 하는지는 사실 지금도 잘 모르겠다. 다음은, W3C에서 추천하는 DOCTYPE 들에 관한 내용.
Recommended DTDs to use in your Web document.
그리고 나름 내가 알아 보기 쉽게 설명된 사이트는,
위 내용을 살펴보니, HTML 4.01은 Strict, Transitional, Frameset 이렇게 3종류의 Doctype이 존재하고, 현재 내가 일하는 직장에서 가장 많이 쓰이고 있는 것이 바로 "HTML 4.01 Transitional" 이였다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
설명을 살펴보니,Strict 에 비하여 Deprecated 된 요소들을 사용할 수 있는 Doctype 이라고 한다. Deprecated 된 요소는 <basefont>, <center>, <font>, <s>, <strike>, <u>, <applet>, <dir>, <isindex>, <menu> 로써, 각각 스타일 시트(CSS)나, <oject>, <input>, <ul>등으로 대체해서 쓰도록 권장하고 있다.
살펴보니, 해당 요소들이 현재 페이지에서 사용될 필요가 없을 것 같아서, 난 W3C에서 추천해 주는 기본 형태를 사용하기로 결정 하였다.
기본 형태는 해당 페이지에도 나타나지만 굳이 쓰자면... 다음과 같다.
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>An XHTML 1.0 Strict standard template</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
</head>
<body>
<p>… Your HTML content here …</p>
</body>
</html> 아.. 두서 없는 내용...~_~;
- Total
- Today
- Yesterday
- tipoftheday
- maven
- React
- 자바스크립트
- 리액터
- VIM
- Configuration
- 빔
- REACTOR
- Java
- Node.js
- 자바
- console
- reactiveprogramming
- intellij
- dojo
- Widget
- Commonjs
- Coffeescript
- Git
- 커피스크립트
- VI
- 윈도우즈
- Windows
- 스프링인액션
- 리액티브프로그래밍
- Eclipse
- JavaScript
- gvim
- unit test
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |