강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

홍현기님의 프로필 이미지
홍현기

작성한 질문수

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기10

6분56초 질문드립니다

작성

·

154

0

6분56초에  li안에 a태그의 자식요소로 div가 들어가있는데

a태그는 인라인요소이고 div태그는 블록요소로 

인라인요소의 자식으로 블록요소는 올 수 없다고 배웠는데 

들어가도 상관없나요??

 

답변 1

0

안녕하세요. 좋은 지적이세요.

우선 css 와 html 이 어느 정도는 브라우저에서 알아서 표현을 해주고 있습니다. 또 css 와 html 의 각 세부 룰들이 좀 애매한 경우도 많고, 브라우저마다 처리도 다른 경우도 많거든요.

그래서 말씀하신대로, 이런 부분을 더 정확히 한다면, 해당 코드는 <div><a> 등으로 써야 하고, 즉, 현재는 a 태그 안에 div 태그가 거의 8개 정도 있는데, 그 각각을 <div><a> 와 같이 a 태그를 각각의 div 태그 안에 다 써줘야 맞습니다. 그런데 이렇게까지 하는 것은 너무 코드도 길어지고, a 태그는 링크도 수정이 빈번할 수 있는데, 무리가 있어서요. 브라우저도 이정도의 표현을 처리하는데에는 무리가 없기 때문에, 이와 같이 작성하는 것이 큰 무리는 없습니다.

 

홍현기님의 프로필 이미지
홍현기

작성한 질문수

질문하기