Q : Div와 Span의 차이점은 무엇입니까?
답 : 해결책 :
DIV 및 SPAN 요소의 가장 큰 특징은 요소 내에서 객체의 기본 렌더링이 모든 형식으로 수행되지 않는다는 것입니다. 주로 스타일 시트를 적용하는 데 사용됩니다. 둘 사이의 가장 분명한 차이점은 Div가 블록 요소이고 Span은 인라인 요소 (인라인 요소로도 번역)라는 것입니다.
특정 단계 :
1. 소위 블록 요소는 다른 라인으로 렌더링을 시작하는 요소입니다. 라인의 요소는 다른 라인을 시작할 필요가 없습니다. 다음 코드를 테스트하면보다 생생한 이해가 있습니다.
테스트 <Span> 이전 테스트 디스플레이를 따르십시오 </span> <div> 여기에 새로운 라인이 표시됩니다 </div>
2. 블록 요소 및 인라인 요소는 정적이 아닙니다. CSS의 디스플레이 속성 값을 정의하면 다음과 같이 서로 변환 할 수 있습니다.
테스트 <div style = display : inline> 이전 테스트 디스플레이를 따르십시오 </div> <span style = display : block> 새 줄이 여기에 표시됩니다 </span>
팁 : DIV 요소에 대해 CSS 속성이 정의되지 않으면 디스플레이 효과가 P 요소에 있습니다.
DIV 및 SPAN 요소의 특수성으로 인해 일반적으로 CSS를 레이어로 사용하는 것과 같은 스타일 시트를 적용하는 데 사용되며, 차별화해야 할 것은 블록 요소와 인라인 요소의 차이와 둘 사이의 상호 변환입니다.
div는 HTML 렌더링 컨테이너를 지정합니다.
스팬은 내장 된 텍스트 컨테이너를 지정합니다.
일반적으로 DIV는 블록을 차지하고 기본 디스플레이 속성은 블록을 나타내며 블록을 나타냅니다. 좋다:
<div> aaa </div> bb가 표시되고 두 줄이 있습니다.
SPAN과 관련하여 디스플레이 기본 속성은 인라인이며 함께 연결할 수 있습니다. 예를 들면 : <Span> aaa </span> bb, 라인으로 표시됩니다.
DIV는 일반적으로 조판에 사용되며 SPAN은 일반적으로 로컬 텍스트 스타일에 사용됩니다.