[4/7] HTML 태그 요소에 대하여

<li>요소는 왜 <ul>요소의 자식 요소여야만 하나요?

• <li>는 목록 아이템을 나타내기 위한 요소. 따라서 목록을 담는 <ul>의 자식 요소여야 한다.
• 시멘틱 구조를 지킴으로써 웹 접근성 향상과 유지보수, 협업 효율도 향상.

HTML 의 inline 요소와 block 요소의 차이점을 설명해주세요. 예시도 들어주세요

block 요소

width: 사용 가능한 최대 넓이
height: 내부 컨텐츠 크기
width: 100%; height: auto; (default)

• width, height 속성으로 크기 지정

padding, margin 상하좌우 여백 지정
수직으로 쌓임
div, h1, p

inline 요소

width, height: 내부 컨텐츠 크기만큼 설정
width: auto; height: auto;

• width, height 속성으로 크기 지정 불가
  

padding, margin 좌우 여백 지정

수평으로 쌓임

span, img