(html)div 와 span의차이

2020. 8. 25. 22:15HTML,CSS

 

div

div 태그는 Division의 약어 한국말로 직역하면 분할이다.

div는 레이아웃의 영역을 지정할때 사용합니다 table과는 다르게 영역을 자유롭게 줄 수 있어 개인적으로

자주 사용하는 태그이다. (이번 계산기도 div로만 작성)

span

필자는 문자열을 넣을때 부분만 사용하는 태그로사용하는경우가 많다.

태그 안에 아무런 콘텐츠가 지정이없으면 해당 부분은 변화가없다.

div , span 차이점

div 은 블록 span 은 인라인 요소 그렇다는건

div 는 줄바꿈이 가능하지만 span은 줄바꿈이 일어나지않는다.

그럼 당연히 span은 margin 을 좌우로만 적용되고

div는 상하좌우가 전부적용된다

절대경로 ,상대경로

절대경로

간단하게 생각하면

<link rel="stylesheet" type="text/css" href="css/test.css">

<script src="js/test.js">

이렇게 우리는 절대경로를 코딩하면서 자주 사용한다.

" 웹페이지나 파일이 가지고 있는 고유한경로 " 로 정의한다.

들어갈 경로가 확고하게 지정이 되있다 예) js ,css folder

css/test.css

js/test.js

상대경로

/ : 루트

./ : 현재 위치

../ : 현재 위치의 상단 폴더

ex) index.jsp가 C:\index\a에 위치한다면,

/ 는 C:

./ 는 a

../ 는 index

 

'HTML,CSS' 카테고리의 다른 글

(HTML,CSS) FLEX BOX  (0) 2020.11.02
HTML,CSS 참고 하면 좋은것들  (0) 2020.08.19