주요 차이점 : 태그는 줄 바꿈을 만들고 기본적으로 시작된 태그 이후의 텍스트와 태그가 끝날 때까지 텍스트 사이에 구분을 만듭니다. 태그는 태그와 유사한 줄 바꿈을 작성하지 않지만 사용자가 동일한 행의 페이지에서 주변의 다른 요소와 항목을 구분할 수 있도록합니다.
태그는 블록 레벨 요소이고, 요소는 인라인 요소입니다. 이 둘은 이미지, 텍스트 등 웹 페이지의 여러 측면을 제어하려고 할 때 자주 사용됩니다.
태그는 줄 바꿈을 만들고 기본적으로 시작된 태그 이후의 텍스트와 태그가 끝날 때까지 텍스트 사이에 구분을 만듭니다. 이 텍스트 내에있는 다른 모든 요소, 텍스트 및 이미지에 대해 별도의 상자 또는 특수 컨테이너를 만듭니다. 이러한 태그는 일반적으로 독립형이므로 (단락) 태그와 함께 사용하면 안됩니다.
HTML에서 div와 span 태그 간의 비교 :
div 태그 | 스팬 태그 | |
요소 유형 | 블록 수준 요소 | 인라인 요소 |
시작 | 새 페이지에서 | 새 줄에서 시작할 필요가 없습니다. |
공간 | 사용 가능한 전체 너비를 차지합니다. | 필요한만큼 폭을 차지합니다. |
다른 예 | - | |
로 사용됨 | 다른 HTML 요소를위한 컨테이너 | 일부 텍스트 컨테이너 |
속성 | 필수 속성은 없지만 스타일과 클래스는 일반적입니다. | 필수 속성은 없지만 스타일과 클래스는 일반적입니다. |
CSS와 함께 사용하는 경우 | 내용 블록을 스타일 화하는 데 사용할 수 있습니다. | 텍스트의 일부를 스타일링하는 데 사용할 수 있습니다. |
이미지 예의 : html-5-tutorial.com, safeschoolbexley.co.uk