[HTML] 블록과 인라인 차이

HTML 블록과 인라인 차이

HTML에는 두 가지 유형의 요소가 있습니다 : 블록 요소와 인라인 요소. 이 블로그에서는이 두 가지 유형의 요소와 각각을 사용해야 할 때의 차이점을 살펴 보겠습니다.

블록 요소

블록 요소는 페이지의 전체 너비를 차지하는 요소입니다. 그들은 새로운 라인에서 시작하여 항상 부모의 요소만큼 넓습니다. 블록 요소의 예로는<div>,<p>,<h1>및<ul>가 있습니다.

블록 요소를 사용해야 할 때 :

• 요소가 페이지의 전체 너비를 차지하기를 원할 때
• 요소가 자체 라인에 있기를 원할 때
• 요소를 쉽게 식별하기를 원할 때

인라인 요소

인라인 요소는 필요한 공간 만 차지하는 요소입니다. 그들은 결코 부모의 요소만큼 넓지 않을 것이며 항상 다른 인라인 요소와 같은 줄에있을 것입니다. 인라인 요소의 예로는<span>,<a>,<strong>및<em>가 있습니다.

인라인 요소를 사용해야 할 때 :

• 요소가 필요한 공간 만 차지하기를 원할 때
• 요소가 다른 요소와 같은 줄에 있기를 원할 때
• 요소를 쉽게 식별하기를 원할 때