마크업 기본문법 규칙
마크업을 항때 기본적으로 알고 있어야 하는 문법들
1. 요소는 시작태그와 종료 태그가 있어야 합니다.
<p>요소는 시작 태그와종료 태그가 있어야 한다. </p> (o)
<p>요소는 시작 태그와종료 태그가 있어야 한다.(x)
태그 중에는 종료 태그가 없는 요소들이 있습니다.이러한 요소를 '빈 요소(empty element)'라고 하는데 자주 사용하는 빈 요소에는 <br>,<hr>,<img>,<input>,<meta>,<link>등이 있습니다.
2. 요소는 제대로 중첩되어야 합니다.
<p>중첩된 요소가 있을때는 <strong> 바르게 </strong> 표현해야 한다.</p> (o)
<p>중첩된 요소가 있을때는 <strong> 바르게 </p>표현해야 한다.</strong> (x)
마지막에 정의한 태그를 가장 먼저 닫아야 한다는 뜻인데,이러한 중첩관계를 부모와 자식의 관계라고 합니다. 여기에서는 <p>태그가 부모의 요소가 되고, <strong> 태그가 자식의 요소가 됩니다.
3.img태그에는 alt속성이 있어야 한다.
<img src = "image/today,gif" alt="오늘">(o) <img src = "image/today,gif">(x)
<img>태그에 alt속성을 지칭해야하는 이유는 문법적으로 필요하지만, 이미지를 볼 수 없는 환경에서도 그 이미지네 대한 정보를 충분히 제공해 주어야하기 때문입니다. 이에 대한 설명은 이미지에서 자세히 설명하도록 하겠습니다.
4. 권장하는 사항도 있습니다.
<p>태그나 속성은 소문자로 마크업 하는 것을 권장한다.</p> 권장
<p>태그나 속성은 소문자로 마크업하는 것을 권장한다.</p>
<ptitle="속성값" >속성의 값에는 따옴표 처리를 권장한다.</p> 권장
<ptitle=속성값>속성의 값에는 따옴표 처리를 권장한다..</p>
HTM5는 대소문자를 구분하지 않지만 가급적 소문자로 통일해서 마크업하는 것과 속성에 대한 값에 따옴표 처리하는 것을 권장한다.
5. 주석처리하는 방법
주석은 일반적으로 협업(공동작업)시 다음 작업자가 현재 작업한 내용을 쉽게 알아볼 수 있도록 도와주는 설명문이라고 보시면 됩니다. 주석 내용은 브라우저 화면에 출력되지 않으며 처리방법은 다음과 같습니다.
<!--header-->
<!--여기부터 공지사항입니다.-->