[HTML] div, span 태그

<div>

<div></div> 태그는 Division의 약자, 레이아웃을 나누는데 주로 쓰임

다른 태그와 다르게 특별한 기능을 갖고 있지는 않고, 가상의 레이아웃을 설계하는데 쓰이며, 주로 CSS와 연동하여 쓰입니다.

 

정의

<div> 태그는 태그자체는 특별한 의미가 없으며 문서의 영역을 지정하는데 사용합니다.

설명

id속성이나 class속성을 이용하여 식별자를 지정한다. 이러한 식별자로 CSS를 적용합니다. div요소는 다른 적절한 요소가 없는 경우 마지막 방편으로 사용하기를 강력히 권장합니다. 그렇지 않으면 접근성을 어렵게 할뿐만 아니라 관리의 어려움을 겪게 됩니다. 즉 블로그 포스트는 article요소를, 챕터는 section요소를, 페이지 네비게이션은 nav요소를, 폼 컨트롤 그룹은 fieldset요소를 이용할 수 있습니다. div요소는 스타일링을 목적으로 한다던가 같은 섹션에 포함된 여러개의 문단을 묶어 비슷한 방법으로 주석을 달고자 할때 유용하게 사용할 수 있습니다.

 

 

<span>

<span></span> 태그는 <div></div> 태그처럼 특별한 기능을 갖고있지 않고, CSS와 함께 쓰임

<div> 태그와의 차이점

 - display 속성이 inline
 - <div>는 줄 바꿈이 되지만, <span>은 줄 바꿈 안됨

 

 

 

 

 

 

[출처] HTML - head, body, div, ol, ul, li, p - TAG 코딩 기초 공부 목록 만들기 반응형 웹페이지로 가는 길|작성자 별명을 입력하세요