div와 span
div+css 레이아웃을 처음 배울 때 혼란이 많아요. div와 span을 사용할 때 특정한 '챕터'가 있다고 느끼지 못하고, 저는 두 가지 사이에 큰 차이가 없다고 느낍니다. W3C에서는 div와 span의 정의에 대해 말하면, div는 분할된 문서 구조로서 자연스럽게 가장 공식적인 의미론을 의미하지만, 이런 공식 의미론은 너무 혼란스럽고, 큰 구조도 마찬가지입니다.
알겠습니다만, 작은 공간에서는 div를 사용할지 span을 사용할지 여전히 혼란스럽습니다. 사실, 바로 "Microsoft MSDN 라이브러리"입니다
그 안에 담긴 정의가 갑자기 깨우침을 준다.
div: HTML 렌더링용 컨테이너를 지정합니다
span: 내장된 텍스트 컨테이너를 지정합니다
쉽게 말해, 다른 태그가 있을 때는 div를, 텍스트만 있을 때는 span을 사용해야 합니다
div는 HTML 문서 내 큰 콘텐츠 조각에 구조와 맥락을 제공하는 블록 단위 요소입니다
스팬은 선 내 영역을 정의하는 인라인 요소로, 즉 선 내에서 여러 영역으로 나누어질 수 있습니다<span>
div 태그는 span 태그와 함께 삽입할 수 있습니다(div는 큰 컨테이너, span은 작은 컨테이너, 큰 컨테이너는 작은 컨테이너를 넣을 수 있습니다)
스팬과 라벨
위의 span에 관한 문장이 있으니, 텍스트에 대해 span 컨테이너 연산을 수행할 수 있고, CSS 스타일 같은 것을 정의할 수 있지만, label도 괜찮은 것 같네요? 그렇다면 두 가지의 차이는 무엇일까요?
라벨 태그는 주로 폼 요소를 바인딩하는 데 사용되며, 라벨 태그를 클릭하면 바인드 폼 요소가 입력 포커스를 받게 됩니다
span은 일종의 일반 텍스트를 담는 용기입니다.
|
게시됨 2014. 12. 18. 오후 1:33:30
|
|
|
