HTML [HTML5] span과 div의 차이

2018.06.04 17:10

졸리운_곰 조회 수:800

[HTML5] span과 div의 차이

Query를 통하여 DOM 조작을 할때 HTML안에 span 또는 div의 id 또는 class의 조작을 하면 편하게 할 수 있다. 이때 span과 div는 어떤 차이가 있을까 알아보자.

1) Span & Div 차이점

- div 가로폭을 전부 차지함. span 태그안의 내용만 차지함

- div 폭과 넓이 지정가능, span 못함

- div 필연적으로 줄 바꿈을 동반, span 줄 바꿈 없고 문장 중간에 들어갈 수 있음

- table 태그 대신 div와 span 태그로 더욱 간결한 html을 구성할 수 있다.

<참조>

- http://chatii.tistory.com/45 : div와 span 태그의 차이점 비교

- http://ccoma.tistory.com/746 : table 태그를 대신하여 div 와 span 태그를 사용하여 화면 구성을 어떻게 하는가?

- http://yongja.tistory.com/15 : div/span 과 id/class에 대한 이해.

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.

번호	제목	글쓴이	날짜	조회 수
4	[Node.js] forever - node.js app 이 죽을경우 자동으로 재실행해주는 모듈	졸리운_곰	2017.09.26	635
3	[Node.js] proxy 환경에서 node.js 설정	졸리운_곰	2017.08.16	485
2	[Node.js] Node.js, Express, MongoDB를 이용하여 REST API 만들기	졸리운_곰	2016.06.06	771
1	Create a Web App and RESTful API Server Using the MEAN Stack	졸리운_곰	2016.06.05	2119

쓰기