inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

제이쿼리(jQuery) 필수 핵심이론(요소탐색 메서드 – children, siblings)

태그는 어떻게 골라서 사용하나요?

183

부드러운 종다리

작성한 질문수 14

2

<ul class="menu">
  <li>
    <a href=""></a>
    <div class="sub-menu">
      <a href=""></a>
      <a href=""></a>
      <a href=""></a>
      <a href=""></a>
    <div>
  <li>
  <li>
    <a href=""></a>
    <div class="sub-menu">
      <a href=""></a>
      <a href=""></a>
      <a href=""></a>
      <a href=""></a>
    <div>
  <li>
</ul>

이런 태그는 어떤기준으로 선택해야할까요??

직접 만들어보려고 하면 막상 태그를 어떤걸 지정해야할지 모르겠습니다.

서브메뉴 4가지를 저는 한번더 ul 자식요소로 li와 함께 a태그를 같이 쓸줄알았는데 간단하게 div로 묶고 a태그를 사용하시고

상위 메뉴 두개만 li를 사용하셨는데

이런 태그선택의 기준이 궁금합니다. 혼자 만들어도 막상 강의랑 다르니까 헷갈리네요 ㅠ

꼭 리스트목록이라고 ul이나 ol을 사용할 필요가 없는건가요?

HTML/CSS jquery

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 부드러운 종다리 님의 질문에 대해 관련 내용을 찾아봤습니다.

태그의 선택과 사용에 관하여 궁금증을 해소할 수 있을만한 내용이 있습니다. 웹 개발 과정에서 다양한 태그를 어떻게 선택하고 사용하는지에 대한 규칙 및 일반적인 지침을 다루고 있습니다. 특히, <ul>, <li>, <div>, <a> 등의 태그 사용에 대한 기준이나 판단기준에 대한 설명이 포함되어 있을 수 있습니다.

  • “a 태그”: 이 질문에서는 <nav> 요소 내에서 <a> 태그 사용 시 생기는 밑줄 제거 및 <div> 대신 <article> 사용 여부 등에 대한 고민이 담겨 있습니다. 이는 태그 선택의 기준 및 그 사용법에 대한 이해를 돕는데 유용합니다.

  • “custom.js/ 선택자 질문”: 여기서는 <li> 태그와 .sub-menu 클래스를 어떻게 선택하고 사용할지에 대한 구체적인 예시를 다룹니다. 태그 및 클래스 선택의 다양한 접근 방법에 대해 설명하고 있어 선택 기준에 대한 이해를 돕습니다.

  • “제이쿼리 선택자 부를 때 .menu li 말고 다르게 선택할 수는 없나요?”: 이 질문과 답변은 태그와 클래스 선택자의 사용에 있어서 다양한 방법을 모색하는 과정을 담고 있습니다. 특히 메뉴 및 서브메뉴 구성 시 <li>, <div>, <a> 태그를 어떻게 조합하여 사용할 수 있는지에 대한 고민이 담겨있습니다.

태그를 선택할 때는 HTML 문서의 구조, 의미 체계, 접근성, SEO 최적화 등 다양한 요소를 고려해야 합니다. 예를 들어, 목록을 나타낼 때는 <ul>이나 <ol>과 같은 목록 태그를 사용하는 것이 의미적으로 적합할 수 있습니다. 그러나 디자인이나 특정 구현 요구에 따라 <div> 태그로 대체하는 경우도 있습니다. 각 태그의 의미와 사용 목적을 이해하는 것이 중요하며, 경우에 따라 접근성이나 구조화 측면에서 최적의 방법을 선택하는 것이 필요합니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

class 값 한 번에 부여하는법

2

80

1

@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.

1

69

1

div#css-checker-widget의 해결방

1

60

2

input의 포커스되었을때 검정선이 사라지지 않아요

0

79

2

강의듣는법

1

75

1

아코디언 만들기 100%이하의 화면으로 보았을때

1

68

2

input checked 질문합니다.

0

77

1

Bracket Pair Colorizer - 비주얼 스튜디오

1

140

2

Part 1 영상 안나옵니다

1

91

1

제이쿼리 작동이 안됩니다

1

200

3

강의 내용 질문있습니다.

1

122

2

일정 부분만 주석하는 방법

1

212

2

폰트어썸

1

134

2

인접선택자에 대한 질문드립니다!

1

129

2

delay 적용 안됨

1

135

1

rotateY(360deg)가 적용이 안됩니다!

1

186

2

세로이동할때 height값

1

139

2

폰트어썸이 안되요..

1

488

2

화면 정중앙에 오게끔 할수있나요?

1

170

1

어코디언 네비게이션 중

1

127

1

라이브서버 문제

1

230

2

넷플릭스 어코디언 예제 질문

1

105

1

이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?

1

158

1

active 관련 질문

1

147

2