<head> 작성하기

WEB 자료/웹표준 2006. 12. 19. 03:01
  1. DOCTYPE 정하기. <html> 의 시작 전에 정해집니다. <DOCTYPE 으로 시작되는 이것은 document type 의 줄임말로 문서의 종류를 정합니다. 즉, 어떤 버전의 XHTML, 혹은 html 버전으로 씌인건지 말해주게 됩니다.

    다음의 4가지가 일반적으로 쓰입니다. (XHTML WIKI 참고)
    더 많은 종류는 이곳으로 가서 확인해 보시구요

    • XHTML 1.0 Strict 가 있으며 이것은 XML 형식으로 된 html 4.01 Strict 모드와 같습니다. 상당히 strict 엄격합니다.
    • XHTML 1.0 Transitional 은 transitional 이라는 단어가 설명해 주듯이 바뀌어 가는 중간선에 놓여진 버전입니다. XHTML strict 버전에서 사용할수 없는 몇가지 html 의 속성들의 사용이 가능합니다. 예를들어 <center>, <u>, <strike>, <applet> 등등 말이죠.
    • XHTML 1.0 Frameset: html 의 Frameset 을 허락합니다.
    • XHTML 1.1 최근에 만들어지는 홈페이지는 이것으로 제작하기를 권장하고 있는데, 제작자가 필요한 도구들을 import, 넣을수가 있습니다. frameset 같은것들 입니다.

    XHTML 1.0 Strict
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
    XHTML 1.0 Transitional
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
    XHTML 1.0 Frameset
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
    XHTML 1.1
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>

  2. charset, 인코딩. 어떠한 언어로 만들어졌는지를 말하기

    <meta HTTP-equiv=”Content-Type” content=”text/html; charset=UTF-8” />
    이렇게 표기합니다. 여러 속성들이 모여졌는데 여기서 중요한것은 빨간 부분입니다. 아직까지 대부분의 홈페이지는 EUC-KR 로 정해져 있지만 이제 슬슬 UTF-8이 이끌어가는 추세입니다. Unicode Transformation Format-8 의 줄임말로 여러전문적인 설명들이 있지만 확실한건 여러가지 장점들로 XML 의 인코딩으로 선택되어 웹에서도 멋지게 쓰이고 있다는 것입니다. 제작자에겐 UTF-8 의 사용이라고 다를건 없습니다만, 웹사이트를 제작하는 프로그램(Dreamweaver, notepad, editplus) 은 저장시에 UTF-8로 저장되는지 확인만 한다면 문제가 없겠습니다.
    UTF-8 의 전문적인 지식을 원하면 이 문서를 참고하시기 바랍니다.

  3. 저자권 알리기. 이 부분은 W3C 가 요구하는 사항이 아니지만
    <meta name=”Author” content=”SEMIN KIM aka ilmol” />
    키워드 알리기
    <meta name=”Keywords” content=”키워드 한칸씩 띄워서 CSS CSS2 CSS3 XHTML” />
    *쉼표 로 나누는것이 더 낫다고도 하고, 쉼표없이 빈칸으로 나누는것이 좋다고도 합니다.
  4. CSS 파일 링크하기
    <link rel=”stylesheet” type=”text/css” href=”style.css” media=”screen” />
    자세한 CSS 파일의 적용은 “CSShtml에 넣는법“을 참고.
  5. 마지막으로 <title> 정하기

설정

트랙백

댓글