[HTML] inline vs block element

alirz-pixel·2022년 3월 21일
0

HTML

목록 보기
2/3

velog가 details tag 지원하지 않는 관계로
불편하겠지만 정답은 드래그 또는 야간모드를 통해 확인해 주십시오..

block element

정의

새로운 라인에서 시작하며, 가능한 전체 폭을 차지한다.
A block-level element always starts on a new line and takes up the full width available

사용처

페이지를 논리적으로 나눌 때 사용하며(layout), CSS와 함께 사용하면 더욱 유용하다.
주로 다른 HTML elements를 포함할 때 사용한다.

Often used as a container for other HTML elements

종류

<h1> ~ <h6>, <p>, <hr>, <ul>, <ol>, <li>, <table>, <div>



inline element

정의

새로운 라인에서 시작하지 않으며, 필요한 만큼만 너비를 차지한다.
Does not start on a new line and only takes up as much width as necessary

사용처

<span>의 경우, Text를 포함할 때 사용한다.

종류

<a>, <img>, <b>, <strong>, <i>, <em>, <sub>, <sup>, <span>, <label>, <input>

0개의 댓글