Front end

HTML의 DOCTYPE?

우선 코드를 작성할때 HTML 코드는 tag name에 대문자로도 작성이 가능하나, 소문자로 작성하는 것을 권하며 코드 간 들여 쓰기를 하는 이유는 HTML 요소 간 관계(부모, 자식, 형제)를 구분하기 용이 함에 들여쓰나, 브라우저는 코드가 한 줄 이어도 해석하는데 아무런 문제가 없다.

DTD(표준 호환모드)

문서 유형 정의(Document Type Definition)를 말하며 브라우저의 렌더링 모드를 표준으로 작동하게 만들어 준다. 여기서 중요한 것인 DTD는 반드시 HTML 문서의 최상 위에 위치해야 한다.

비표준(quirks) 모드와 표준(standards) 호환모드

또한, 브라우저에서 해당 웹의 DOCTYPE을 알고 싶은 경우는 console 창에 document.doctype을 입력하면 출력되게 되어있어서 확인 할 수 있다.

웹 표준 기술 규격에 따르면 html 요소는 오직 1개의 head와 뒤 따르는 1개의 body 요소만 자식으로 포함할 수 있다는 사실을 기억하자.

문서에 사용된 주 언어가 무엇인지 설정하는 lang 속성

루트 요소에 lang 속성을 사용하여 문서에 주요 사용되는 언어(language)를 설정한다.사용되는 언어 코드는 ISO 639 (전 세계 언어 명칭에 고유 부호를 부여하는 국제 표준)에서 찾을 수 있다.

1
2
3
4
5
6
7
8
9
10
<!doctype html>
<html lang="ko-KR">
    <head>
        <meta charset="utf-8">
        <title> HTML 문서 작성을 위한 기본 문법</title>
    </head>
    <body>
        <p title="Development Tools">개발 도구(Devtools)</p>
    </body>
</html>

위의 코드에서 html 태그의 lang이라는 attribute를 통해 작성하는 코드에서 주로 사용되는 언어를 선택 해주면 된다. “ko-KR”은 대한민국에서 주로 사용언어는 korean이라는 의미이다.

ko, en 은 korean, english 의 약자로 언어(language) 정보를 말한다. 반면 KR은 Republic of Korea 지역(locale) 정보를 말한다.

ko 만 사용하면 한국어를 통칭하지만, 언어를 지역마다 구분해야 할 경우, 지역 정보를 추가하여 사용하는 것이 좋다.

예를들어, ko-KR은 대한민국(남한)에서 사용하는 한국어를 의미하지만, ko-KP는 조선 민주주의 인민공화국(북한, 북조선)에서 사용하는 한국어를 의미하게 된다.

영문권에서는 지역마다 사용 되는 영어가 달라 다음과 같이 표기하여 구분한다.

en-GB ⇒ 영국 영어
en-US ⇒ 미국 영어
en-CA ⇒ 캐나다 영어

언어 조회는 Language subtag lookup 에서 할 수 있다.

Share