Web/HTML

[HTML] Block, Inline 태그

defacto standard 2017. 12. 17. 00:48

모든 태그는 블록, 인라인 태그로 구분된다.

 

블록태그 : 항상 새 라인에서 시작하여 출력

ex) <p>, <h1>, <div>, <ul>

 

인라인 태그 : 블록 속에 삽입되어 블록의 일부로 출력

ex) <strong>, <a>, <img>, <span>

 

 

span태그의 경우 갯수가 많아지면, style의 변경이 어렵다.

 

따라서 이 Inline 태그를 감싸는 블록태그로 둘러싼 후, 블록태그의 CSS를 수정하면 공통적인 부분에 대해 일괄적으로 수정이 가능하면서도, 소스코드가 복잡해지지 않는다.