티스토리 뷰

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

html5 태그 중 생략가능한 종료태그

html5 태그 중 생략가능한 종료태그



기존의 태그중 html5 에서 종료태그를 기술해서는 안 되는 요소가 있다.


아래 요소들은 종료태그를 기술해서는 안 됩니다.


 area,     base,     br,     col,     command,    embed,     hr,    img,    input,    keygen,    link,    meta,    param,    source



1 예제


예를들어  아래처럼 사용되면 안 됩니다.


1
2
3
4
 
<!-- img 요소는 종료 태그가 필요 없습니다. //-->
 
<img src="./test.jpg" width="100" height="100"></img>                                          
cs


다만, 이러한 태그들 XML 처럼 /> 사용하여 태그 끝을 표시할 수 있습니다.


1
<IMG SRC="./test.jpg" width="100" height="100" />                                              
cs




2 상황에 따라 생략 가능한 요소


html5 에서는 어떠한 태그는 특별한 상황에서 생략될 수 있는가에 대하여 알아보겠습니다.


 요소

시작태그 

종료태그 

 html

 ○

 ○

 head

 ○

 ○

 body

 ○

 ○

 li

 

 ○

 dt

 

 ○

 dd

 

 ○

 p

 

 ○

 rt

 

 ○

 rp

 

 ○

 optgroup

 

 ○

 option

 

 ○

 colgroup

○ 

 ○

 thead

 

 ○

 tbody

 ○

 tfoot

 

 ○

 tr

 

 ○

 td

 

 ○

 th

 

 ○



1
2
3
4
5
6
<!-- tbody 요소가 생략됨 //-->                                                                 
 
<table>
  <tr><th>제목 <th> 제목
  <tr><td>math<td>science
<table>                                       
cs


'DEVELOPE > HTML-HTML5' 카테고리의 다른 글

html5 video audio tag  (0) 2017.11.21
html5 canvas api 사용  (0) 2017.11.20
html5 태그 figure, figcaption  (0) 2017.11.17
html5 문서의 구조  (0) 2017.11.17
html5 의 등장  (0) 2017.11.17
댓글