TIL : HTML

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

<li> 요소는 목록 아이템을 보여주기 위한 요소이기 때문에 목록을 담는 <ul> 요소의 자식 요소여야합니다.

• ) 화면 상으로는 아무런 문제가 없더라도 이렇게 <li> 요소와 <ul> 요소의 의미에 맞게 HTML을 작성하는 것이 어떤 개발자가 와서 보더라도 이해할 수 있기 때문에 <ul> 요소의 자식 요소로 <li> 요소를 넣어야 합니다.

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

블록 요소는 부모 요소의 전체 공간을 차지하여 "블록"을 만드는 요소로, 블록 레벨 요소의 앞과 뒤를 개행해서 그립니다. 대표적으로 <div> 태그, <h1> 태그 ~ <h6> 태그, <p> 태그, 등이 있습니다.

반면에 인라인 요소는 인라인 요소는 콘텐츠의 흐름을 끊지 않고, 요소를 구성하는 태그에 할당된 공간만 차지합니다. 일정한 바깥 형태나 껍데기 없이 페이지의 흐름에 따라 다른 텍스트나 컨텐츠와 어우러져 배치되며, 대표적으로는 <span> 태그와 <a> 태그, <img> 태그가 있습니다.