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에 대한 이해.

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

번호	제목	글쓴이	날짜	조회 수
8	제로보드 XE의 최근 게시글 5개를 DB에서 직접 조회	졸리운_곰	2020.08.04	456
7	python 으로 XE mysql 쿼리로 자동 게시물 등록하기	졸리운_곰	2020.03.03	448
6	[WP]외부 게시판을 IFRAME으로 넣기	졸리운_곰	2019.01.30	533
5	XE(제로보드) 게시판 내 스크립트 사용하기	가을의곰	2017.06.18	734
4	XE 새 템플릿 문법으로 원하는 위치(head, body)에 JS 선언하기.	가을의곰	2017.06.18	308
3	예제를 통해 쉽게 읽어보는 XE모듈개발 시작하기	졸리운_곰	2016.05.10	585
2	[시니시즘] 비회원에게 파일 다운로드 권한이 없다고 뜰 때	졸리운_곰	2016.04.14	766
1	XE 템플릿 구문	졸리운_곰	2015.05.12	1135

쓰기