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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul> <!-- here -->
    <li>home1</li>
    <li>home2</li>
    <li>home3</li>
    <li>home4</li>
</ul>
</body>
</html>

💁🏻‍♀️ 요약하자면 ,

<li> 요소는 말 그대로 list의 item들을 보여주기 위한 요소 이기에, 목록을 담는 <ul> 요소의 자식 요소여야 합니다.

구슬과 주머니

<ul> 요소는 주머니고, <li> 요소는 주머니에 담긴 구슬들이라고 보면 됩니다. 따라서 주머니 <ul> 안에 구슬인 <li>가 담겨야 합니다.

협업 시 특히 중요

화면 상으로는 문제가 없어 보이더라도, <li>요소와 <ul> 요소 각각의 의미에 맞게 sementic하게 HTML을 작성해야 협업 시 다른 개발자가 보더라도 쉽게 이해할 수 있기 때문에 위와 같은 규칙을 지키는 것이 중요합니다.

📎 내용 참조

- velog: 기술 면접 준비

- velog: Section 1 회고

'📂 기술 면접 > Web' 카테고리의 다른 글

HTTP 메세지 구조에 대해 설명해 주세요. (0)	2023.04.10
GET 메서드와 POST 메서드의 차이점에 대해 설명해 주세요. (0)	2023.04.10
SOP와 CORS에 대해서 설명해 주세요. (0)	2023.04.05
HTML의 id 속성과 class 속성의 차이에 대해서 설명해 주세요. (0)	2023.03.12
일반적으로 CSS를 불러오기 위해 <link> 요소를 <head> 요소의 자식 요소로 하고, JavaScript를 불러오기 위해 <script> 요소를 <body> 요소가 끝나기 직전에 위치시키는 이유가 무엇인가요? (0)	2023.03.12

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

Dev. Ella

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

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

💁🏻‍♀️ 요약하자면 ,

구슬과 주머니

협업 시 특히 중요

'📂 기술 면접 > Web' 카테고리의 다른 글

댓글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역

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

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

💁🏻‍♀️ 요약하자면 ,

구슬과 주머니

협업 시 특히 중요

'📂 기술 면접 > Web' 카테고리의 다른 글

관련글

댓글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역