HTML5, 태그

HTML5의 특징 

- 구조적 설계 지원(시멘틱)

- 그래픽 및 멀티미디어 기능을 강화

- CSS3 및 Javascript를 지원

- 다양한 API를 제공

 

HTML5 문서의 작성규칙

- 태그는 대 · 소문자를 구분하지 않으나 소문자를 권장한다.

- 시작태그로 시작하면 반드시 종료태그로 종료해야한다. 주석은 <!--로 시작해서 >로 끝냄

- 파일 확장자는 반드시 html 또는 htm으로 설정해야한다.

- 문자의 공백은 몇 개를 입력하든 한 개만 인식하므로

공백을 추가하기 위해서 특수기호(&nbsp;)를 이용해야 한다.

- 태그의 포함 관계를 표현하기 위해 들여쓰기 적용 

 

태그의 속성 

id, class 속성

모든 태그에는 id 속성과 class 속성을 지정해 줄 수 있는데, 이를 이용하면 CSS나 JavaScript에서 태그를 좀더 쉽게 다룰 수 있습니다. id는 원칙상 하나의 id당 하나의 태그에만 적용 할 수 있으며, class는 하나의 class를 여러 태그에 적용 할 수 있습니다.

<div id="my-box1"></div>
<div id="my-box2" class="boxes"></div>
<div id="my-box3" class="boxes"></div>
<div class="boxes"></div>

style 속성 =태그의 스타일, 즉 보이는 형태를 정의하는 속성 

<div style="width:500px; height:300px"></div>
<div style="height:40px; border: 1px solid green">mybox</div>