태그 / 인라인과 블록

새양말·2023년 4월 7일
0

내일배움캠프TIL

목록 보기
73/74
post-thumbnail

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

li태그는 HTML 리스트(list)에 포함되는 아이템(item)을 정의할 때 사용합니다. 따라서 li요소와 ul 요소 각각의 의미에 맞게 sementic하게 HTML을 작성해야 협업 시 다른 개발자가 보더라도 쉽게 이해할 수 있기 때문에 위와 같은 규칙을 지키는 것이 중요합니다.
HTML 문서의 가독성과 유지보수가 쉬워지고,
검색엔진이 검색을 수행할 때 HTML내의 태그를 분석할 수 있습니다.
ol태그는 순서가 중요한 태그, 반대는 li태그

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

하나의 태그가 브라우저에서 좌우공간을 다 차지하면서 독립적인 덩어리 공간을 가지는 요소들입니다.
너비, 높이, 여백, 안쪽 여백 및 테두리 속성을 적용할 수 있습니다. 블록 요소의 예로는 div, p, h1, ul, ol 및 form이 있습니다.

반면에 인라인 요소는 콘텐츠를 포함하는 데 필요한 너비와 높이만 차지하며 새 줄에서 시작하지 않고 좌우로 다른 태그가 나란히 위치할 수 있는 요소들입니다.
너비나 높이를 설정할 수 없지만 패딩, 여백 및 테두리를 설정할 수 있습니다. 인라인 요소의 예로는 a, strong, span 및 img가 있습니다.

profile
매번 기합넣는 양말

0개의 댓글