마크업 기본 문법

마크업 기본 문법 규칙

마크업을 할 때 기본적으로 알고 있어야 하는 문법 규칙은 다음과 같습니다.

요소는 시작 태그와 종료 태그가 있어야 한다. (O)
 요소는 시작 태그와 종료 태그가 있어야 한다. (X)

태그 중에는 종료 태그가 없는 요소들도 있습니다. 이런 요소를 '빈 요소(empty element)'라고 하는데,
자주 사용되는 빈요소에는 , <hr>, <img>, <input>, <meta>, <link> 등이 있습니다.

중첩된 요소가 있을 때는 바르게 표현해야 한다. (O)
 중첩된 요소가 있을 때는 바르게 표현해야 한다. (X)

마지막에 정의한 태그를 가장 먼저 닫아야 한다는 뜻인데, 이러한 중첩 관계를 부모와 자식 관계라고도 합니다.
여기서는 태그가 부모 요소가 되고, 태그가 자식 요소가 됩니다.

<img src="images/today.gif" alt="오늘"> (O)
<img src="images/today.gif"> (X)

<img> 태그에 alt 속성을 지정해야 하는 이유는 문법적으로도 필요하지만, 이미지를 볼 수 없는 환경에서도
그 이미지에 대한 정보를 충분히 제공해 주어야 하기 때문입니다.

태그나 속성은 소문자로 마크업 하는 것을 권장한다. (권장)
태그나 속성은 소문자로 마크업 하는 것을 권장한다.

속성의 값에는 따옴표 처리를 권장한다. (권장)
속성의 값에는 따옴표 처리를 권장한다.

HTML5는 대소문자를 구분하지는 않지만 가급적 소문자로 통일해서 마크업하는 것과, 속성에 대한 값에
따옴표 처리하는 것을 권장합니다.

주석은 일반적으로 협업(공동작업)시 다음 작업자가 현재 작업한 내용을 쉽게 알아볼 수 있도록 도와주는
설명문이라고 보면 됩니다. 주석 내용은 브라우저 화면에 출력되지 않으며, 처리 방법은 다음과 같습니다.